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是我的自定义参数