1. 封装转base64函数
利用H5 FileReader新特性,写一个转换base64的公共方法,只需要参数传入一个file即可
Base64(file) {
return new Promise(function(resolve, reject) {
let reader = new FileReader();
let imgResult = "";
reader.readAsDataURL(file);
reader.onload = function() {
imgResult = reader.result;
};
reader.onerror = function(error) {
reject(error);
};
reader.onloadend = function() {
resolve(imgResult);
};
});
},
2. 转换上传的文件
在handleUpload这个钩子方法中转换传入的file
handleUpload(file, fileList, type) {
this.getBase64(file.raw).then(res => {
this.imgBase.push(res);//将base64字符串push一个数组,传到后端
});
结束…

博客介绍了利用H5 FileReader新特性封装转换base64的公共方法,只需传入一个file参数。还提到在handleUpload钩子方法中对上传的文件进行转换。





