将blob格式文件转换成base64(vue)
报错:TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.在我想转换前 我先输出了一下file的具体所包含的东西(这是eladmin的图片上传成功的钩子函数)(组件 | Element)此时 url是一个blob的格式 我就将file.url进行转化handl
·
报错:TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.
在我想转换前 我先输出了一下file的具体所包含的东西
(这是eladmin的图片上传成功的钩子函数)
此时 url是一个blob的格式 我就将file.url进行转化
handlesuccess(response, file, fileList) {
this.blobToBase64(file.url).then(res => {
// 转化后的base64
console.log('base64', res)
})
},
blobToBase64(blob) {
return new Promise((resolve, reject) => {
const fileReader = new FileReader();
fileReader.onload = (e) => {
resolve(e.target.result);
};
// readAsDataURL
fileReader.readAsDataURL(blob);
fileReader.onerror = () => {
reject(new Error('文件流异常'));
};
});
},
结果 报错了…… 说是不识别blob类型
在网上找了半天 将这个 raw 转换就可以了
成功转换
更多推荐
已为社区贡献1条内容
所有评论(0)