在uitils.js中新增如下方法
/*
Fun:上传图片转base64
blob:file.raw
*/
export function blobToBase64(blob: any) {
return new Promise((resolve, reject) => {
const fileReader = new FileReader();
fileReader.onload = (e) => {
resolve(e.target?.result);
};
fileReader.readAsDataURL(blob);
fileReader.onerror = () => {
reject(new Error('文件流异常'));
};
});
}
在页面中引入使用
import { blobToBase64 } from '@/utils';
const handleDownload = (file: UploadFile) => {
console.log(file);
blobToBase64(file.raw).then((res) => {
console.log('base64', res);
});
};