使用element文件上传图片转base64字节传到服务器
beforeUpload (file) {
var _this = this;
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
// 图片base64化
var newUrl = this.result; //图片路径
_this.imgUrl = newUrl;
};
},
或者 不使用element-ui中 upload的自动上传的话 可以在on-change事件里面 转换成base64的路径
handleChange (file, fileList, item) {
this.getBase64(file.raw).then(res => {
console.log(res);
});
},
getBase64(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);
};
});
},
//handleChange中 item是我的自定义参数
本文来自博客园,作者:青石小巷,转载请注明原文链接:https://www.cnblogs.com/lgnblog/p/13451179.html

浙公网安备 33010602011771号