本文主要讲解基于 Vue + Vant ，实现移动端图片选择，并用 Canvas 压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。 定义的最大宽度和最大高度均为 500，如果图片的宽高至少有一个超出了 500，都会被 **等比例 **压缩，不用担心变形。可以根据自…

项目涉及到的各类封面实景等图片，原始图片有几兆甚至几十兆大小，故给后台管理系统上传图片组件增加了可设置质量、宽度、高度三个维度的参数，来校准合适的图片大小和效果。 附上demo：