在vue中使用imageConversion把图片压缩到指定大小并转换成base64类型

1.下载imageConversion

npm install image-conversion --save

2.封装了个转base64的函数拿去用

 getBase64(data) {
                const blob = new Blob([data], {
                type: "image/png"
                }); //类型一定要写！！！
                return new Promise((resolve, reject) => {
                const reader = new FileReader();
                reader.readAsDataURL(blob);
                reader.onload = () => resolve(reader.result);
                reader.onerror = (error) => reject(error);
                });
            },

3.页面使用的时候引入

import * as imageConversion from 'image-conversion'
//这个200就是大小
//this.dataURLtoFile(url,'截图图片')是拿到的图片的fill
imageConversion.compressAccurately(this.dataURLtoFile(url,'截图图片'), 200).then(res => {
   this.getBase64(res).then((binary) => {

    console.log(binary)//转换好的
        

})})