vue2.0_实现图片上传前进行压缩（约10倍）

前言

1、以VantUI组件库中van-uploader文件上传为例
2、本例以图片大于2M才开始压缩，压缩条件可自行调节
3、压缩完成得到图片的base64格式，可转换成file文件
4、读取到图片之后，上传图片base64格式编码到后台，返回对应ID

HTML

<van-uploader :after-read="afterReadOne">
	<img class="bg_img" src="../../../../assets/images/bg-1.png" v-if="identity == ''">
    <img class="identity_img" :src="identity" v-if="identity != ''">
</van-uploaader>

静态展示

压缩方法

//图片大于2M进行压缩
imgCompress(file){
   
   let fileSize