【JavaScript编程知识】Vue使用canvas实现图片压缩上传.docxVIP

PAGE PAGE 1 Vue使用canvas实现图片压缩上传 　　本文实例为大家分享了Vue使用canvas实现图片压缩上传的具体代码，供大家参考，具体内容如下 　　场景：如用户头像等 　　对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。 　　两方面： 　　1、由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。2、很多网站的图片上传功能都会对图片的大小进行限制，尤其是头像上传，限制5M或者2M以内是非常常见的（但是我用单反拍了个头像，照片超过2M很正常，要对图片进行处理才能上传）。如果