js 将blob图片对象转换为Base64并调用
时间: 2023-05-11 11:02:04 浏览: 83
可以使用 FileReader 对象将 blob 图片对象转换为 Base64,代码如下:
```javascript
function blobToBase64(blob, callback) {
var reader = new FileReader();
reader.onload = function() {
var dataUrl = reader.result;
var base64 = dataUrl.split(',')[1];
callback(base64);
};
reader.readAsDataURL(blob);
}
```
调用方法如下:
```javascript
var blob = new Blob(['hello world'], {type: 'text/plain'});
blobToBase64(blob, function(base64) {
console.log(base64);
});
```
这段代码将创建一个包含字符串 "hello world" 的 Blob 对象,并将其转换为 Base64 编码的字符串并打印出来。
注意:这段代码只适用于浏览器环境,如果在 Node.js 环境中使用需要使用其他方法。
相关问题
js将图片流blob转为base64
可以使用FileReader对象将图片流blob转为base64。具体代码如下:
```javascript
function blobToBase64(blob, callback) {
var reader = new FileReader();
reader.onload = function() {
var dataUrl = reader.result;
var base64 = dataUrl.split(',')[1];
callback(base64);
};
reader.readAsDataURL(blob);
}
```
其中,参数blob为图片流,callback为转换完成后的回调函数。调用示例:
```javascript
var blob = new Blob([uint8Array], {type: 'image/jpeg'});
blobToBase64(blob, function(base64) {
console.log(base64);
});
```
图片上传:Blob转base64
将 Blob 转换为 base64 可以使用 FileReader 对象。以下是一个简单的示例代码:
```javascript
function blobToBase64(blob, callback) {
var reader = new FileReader();
reader.onload = function() {
var dataUrl = reader.result;
var base64 = dataUrl.split(',')[1];
callback(base64);
};
reader.readAsDataURL(blob);
}
```
调用示例:
```javascript
var blob = new Blob(['Hello, world!'], {type: 'text/plain'});
blobToBase64(blob, function(base64) {
console.log(base64); // 输出 "SGVsbG8sIHdvcmxkIQ=="
});
```
这个函数接受两个参数:一个 Blob 对象和一个回调函数。回调函数会在转换完成后被调用,它的参数是转换后的 base64 字符串。