vue element upload图片 转换成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是我的自定义参数