圖片壓縮,原生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    《後續持續完善……》
相關文章
相關標籤/搜索