el-upload 上传图片 Failed to execute ‘readAsDataURL‘ on ‘FileReader‘【bug修复】
el-upload上传图片转base64报错解决,el-upload 上传图片,读取文件成base64的时候,报错解决
·
场景:
el-upload 上传图片,读取文件成base64的时候,console报错:
Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'
报错代码:
/**
* File转base64
* @param file
* @return base64
* */
export function getBase64(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
let fileResult = "";
reader.readAsDataURL(file);
//开始转
reader.onload = () => {
fileResult = reader.result;
};
//转失败
reader.onerror = (error) => {
reject(error);
};
//结束 resolve
reader.onloadend = () => {
resolve(fileResult);
};
});
}
解决:
这里不能直接用 reader.readAsDataURL(file);
el-upload 需要用 reader.readAsDataURL(file.raw);
更多推荐
已为社区贡献1条内容
所有评论(0)