图片压缩,原生JS

        在移动互联网高速发展的今天,有太多太多的应用须要用户在移动Web上传图片文件。然而在上传图片前就对图片进行了压缩处理,从而提升图片的上传效率,减小用户的流量浪费,后台处理和用户体验也会获得提高。
html

为何要这样作git

        遇到的问题:
github

        1:在低网速下上传图片进度缓慢,用户体验差
异步

        2:后台处理较大的文件压力大。
ide

        3:业务需求要求文件大小、、等等(或许还有更多)
性能

        在处理以上问题以前,须要给本身一些疑问
spa

        1:图片是否有必要保存原图
htm

        2:主要使用场景在移动端仍是在PC端(图片处理消耗的性能和速度须要考虑)
图片

        3:须要上传的图片通常大小大体在什么范围(处理图片的性能消耗时长)
图片处理



ImgB64.js用法

    一、建立ImgB64,初始化压缩图片的参数:以下

        var img=new ImgB64({
           size:1024,//须要压缩图片的最小值。不填默认压缩全部,此处单位是Kb
           quality:20//图片自定义压缩质量,不填默认50(最大值是100)
       })
   2:引用,由于读取文件,img加载读取原始高宽,引用了异步的onload,此处传入方法执行处理后的图片base64。
       img.setOption({
           files:ele.files[0],
           showImg:function(imgBase64){

           },
       callback:function(imgBase64){
           console.log(imgBase64);
       }
   })
   
   Git:ImgB64    《后续持续完善……》