参考文章：https://www.jianshu.com/p/7990362edcd3 需求：上传到服务器的图片太大会导致服务器承受不了，故在前端传图片的时候将图片压缩后再传到服务器 直接上代码 async getRealName ...

安装 main.js 文件引入 页面使用 ...

当我们用vant的uploader组件上传图片的时候，使用组件自带的 after-read会传入file，当file的size较大时，我们需要对图片进行处理，我使用的方法是将图片压缩为base64, 废话少说直接上代码 html部分的代码 js部分的代码 ...

<van-uploader v-model="fileList" multiple :after-read="afterRead" max-count ...

先看一下实现效果 这里弹出框我使用了一个插件---------YDUI，一只注重审美，且性能高效的移动端&微信UI。 安装： 在入口文件中配置： ...

方式一： 自动上传 html结构部分 主要使用before-upload 钩子函数，涉及插件 image-Conversion //插件安装npm i image-conversion --save//插件引入import ...

1、实现，自己看代码去 压缩算法涉及canvas，计算量大了，很容易导致浏览器假死，可以参考之前的webwork去实现，实际上webwork并不是那么好用。。。所以，该代码没有使用结合webwork ...

就是 点击file选择图片 js将图片解读出base64编码,然后通过js将base64编码转为压缩后的ba ...