移动端图片压缩插件localResizeIMG
、介绍:
解决Webapp项目中上传图片时,拍照或者选择的图片太大,导致上传速度缓慢,用户体验差,高并发下,后台处理较大的文件压力大。
为了降低类似问题带来的影响,我们采用Vue2.0压缩图片插件localResizeIMG(lrz),压缩图片。
大体的思路:每次拍照或选择一张图片-然后压缩图片-预览上传。上传图片压缩插件是localResizeIMG ,基本原理是通过canvas渲染图片,再通过 toDataURL 方法压缩保存为base64字符串(根据项目需求),压缩效果很不错。
2、使用方式:
安装:
npm i lrz -save
引入:
在main.js里加入:import lrz from ‘lrz’