在移動互聯網高速發展的今天,有太多太多的應用須要用戶在移動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 《後續持續完善……》