base64转blob vue
时间: 2023-07-29 08:07:04 浏览: 118
vue前端解析word,pdf,exl,图片,视频等文件预览,支持base64格式文件转Blob流 预览源代码.zip
在 Vue 中将 base64 转换为 blob 可以通过以下代码实现:
```javascript
// 将 base64 转换为 blob
function base64ToBlob(base64) {
const binaryData = atob(base64);
const arrayBuffer = new ArrayBuffer(binaryData.length);
const uint8Array = new Uint8Array(arrayBuffer);
for (let i = 0; i < binaryData.length; i++) {
uint8Array[i] = binaryData.charCodeAt(i);
}
return new Blob([uint8Array], { type: 'image/png' }); // 这里的 type 需要根据具体情况进行修改
}
// 在 Vue 中使用这个函数
methods: {
async handleBase64ToBlob(base64) {
const blob = base64ToBlob(base64);
// 这里可以将 blob 上传到服务器或者其他操作
}
}
```
调用 `handleBase64ToBlob` 函数时,将需要转换的 base64 作为参数传入即可。注意,这里需要将转换后的 blob 用 `new FormData()` 包装起来,才能够在表单中提交。
阅读全文