js 压缩图片（只缩小体积，不更改图片尺寸）
1.情景展示 如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。 <input onchange="javascript:imgFun.uploadPicture();" type="file" name="file" id="file" accept="image/*" capture="camera" style="display: none;"> 我们知道现在，手机拍照在10MB左右，体积太大，在上传到服务器前，能不能只缩小图片的体积，而不改变图片尺寸？ 2.原因分析 通过canvas实现对图片的重新绘制。 代码展示： /** * 图片压缩 * @explain 借助canvas对图片进行重绘（canvas2DataURL） * @param base64Url base64格式的图片字符串 * @param imgAttr 重绘图片宽度、高度、质量等属性的设置 * @param callback 该函数执行完毕后，要执行的回调函数 * @returns */ function photoCompress (base64Url, imgAttr, callback){ var img = new Image(); img.src = base64Url; img.onload = function(){ var that = this; //