vue blob转base64
时间: 2023-10-04 18:05:50 浏览: 116
vue前端解析word,pdf,exl,图片,视频等文件预览,支持base64格式文件转Blob流 预览源代码.zip
您可以使用以下代码将一个 Blob 对象转换为 Base64 字符串:
```javascript
function blobToBase64(blob) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onloadend = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsDataURL(blob);
});
}
// 示例用法
const blob = new Blob(['Hello, World!'], { type: 'text/plain' });
blobToBase64(blob)
.then(base64String => {
console.log(base64String);
})
.catch(error => {
console.error(error);
});
```
上述代码定义了一个 `blobToBase64` 函数,该函数接受一个 Blob 对象作为参数,并返回一个 Promise。在 Promise 的处理函数中,我们创建了一个 FileReader 对象,并使用它将 Blob 对象读取为 Data URL。最后,通过调用 `resolve` 将 Base64 字符串传递给 Promise 的消费者。
您可以传入您自己的 Blob 对象,并在 `.then` 方法中获取转换后的 Base64 字符串。请注意,这是一个异步操作,因此您可能需要在适当的时间处理返回的结果。
阅读全文