html5canvas移动浏览器上实现图片压缩上传_html5教程技巧

最近在移动端设计头像上传功能时，原本是以 直接通过formData上传，然而实际使用情况是：对于过大的图片（高像素手机所拍摄的照片等）上传时间过长会导致上传失败，而每次都上传原始大小的图片（后台处理压缩）十分影响用户体验，所以研究了一下通过canvas压缩图片并上传的方法，以下是整理的一些思路和心得：

一、 获取本地图片，并将图片绘制到画布中。此处的难点在于：由于浏览器的保护机制，无法直接获取到本地文件的图片路径，所以需要将本地图片编译成base64格式再做上传 ，代码如下：

 
 JavaScript Code  复制内容到剪贴板

      
查看更多关于html5canvas移动浏览器上实现图片压缩上传_html5教程技巧的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did70231