如何用JavaScript实现仅缩小图片体积而不改变尺寸的示例代码？

本文共计949个文字，预计阅读时间需要4分钟。

原文作者：Marydon原文链接：https://www.cnblogs.com/Marydon20170307/p/11486511.

1. 情景展示：如图所示，点击上传图片按钮，调用手机拍照功能。使用input的onchange属性实现：

本文作者：Marydon

原文链接：www.cnblogs.com/Marydon20170307/p/11486511.html

1.情景展示

　　如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。

　　<input onchange="javascript:imgFun.uploadPicture();" type="file" name="file" id="file" accept="image/*" capture="camera" style="display: none;">

　　我们知道现在，手机拍照在10MB左右，体积太大，在上传到服务器前，能不能只缩小图片的体积，而不改变图片尺寸？

2.原因分析

　　通过canvas实现对图片的重新绘制。