H5图片上传压缩方案总结

H5图片上传压缩方案总结

需求描述:

• 最近在H5项目中上传图片时考虑到部分用户上传的图片时手机实时拍摄的，这部分图片普遍偏大，而实际使用场景不需要这么大的图片也能预览的很清楚，所以在用户上传图片时使用压缩的方法来控制上传的图片的大小，这样就能提升用户使用体验。

解决方案:

• 这里的图片压缩方法主要是通过canvas来实现，具体实现的方法如下：

• 	
      /*
      
      压缩图片
      file：文件(类型是图片格式)，
      obj：文件压缩后对象width， height， quality(0-1)
      callback：容器或者回调函数
      
      */
      photoCompress(file, obj, callback