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是個人自定義參數