Js如何将blob转换为Base64
时间: 2023-05-11 20:02:20 浏览: 97
可以使用FileReader对象的readAsDataURL方法将Blob对象转换为Base64格式的字符串,示例代码如下:
```javascript
function blobToBase64(blob) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = () => resolve(reader.result.split(',')[1]);
reader.onerror = error => reject(error);
});
}
// 使用示例
const blob = new Blob(['Hello, world!'], { type: 'text/plain' });
blobToBase64(blob).then(base64 => console.log(base64));
```
这段代码将Blob对象转换为Base64格式的字符串,并输出到控制台上。
相关问题
怎么用js把blob转换成base64格式
可以使用 JavaScript 的 `FileReader` 对象来读取 `blob` 数据,然后使用 `btoa()` 函数将二进制数据转换为 Base64 格式的字符串。下面是一个示例代码:
```javascript
// 读取 blob 数据
const reader = new FileReader();
reader.readAsBinaryString(blob);
// 转换为 Base64 格式的字符串
reader.onload = () => {
const base64 = btoa(reader.result);
console.log(base64);
};
```
其中,`blob` 是一个二进制数据对象,可以通过 `XMLHttpRequest` 或 `fetch` 等方式获取。在读取数据时,需要使用 `readAsBinaryString()` 方法,将 `blob` 转换为二进制字符串。然后,在 `onload` 事件中,可以将二进制字符串传递给 `btoa()` 函数,将其转换为 Base64 格式的字符串。
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 对象作为参数传入该函数,然后在回调函数中获取转换后的 Base64 字符串。
阅读全文