vue+elementui中将图片转换位base64格式
1. 封装转base64函数利用H5 FileReader新特性,写一个转换base64的公共方法,只需要参数传入一个file即可Base64(file) {return new Promise(function(resolve, reject) {let reader = new FileReader();let imgResult = ...
·
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一个数组,传到后端
});
结束…
更多推荐
已为社区贡献2条内容
所有评论(0)