vue 获取项目本地文件并转base64
一、文件存储位置
二、代码
async example () {
let res = await this.$axios.get(require('@/assets/img/overview_center.png'), {
responseType: 'blob' //一定要加这个请求头，不然getBase64Str方法会报错；自己转Blob获取的base64格式的图片不对，无法正确显示
}), base64 = await this.getBase64Str(res.data);
},
getBase64Str (img) {
return new Promise((resolve, reject) => {
let reader = new FileReader(), str = '';
reader.readAsDataURL(img);
reader.onload = function () {
str = reader.result;
};
reader.onerror = function (error) {
reject(error);
};
reader.onloadend = function () {
resolve(str);
};
});
}