imageCompress
只有圖片壓縮功能,比較簡(jiǎn)單
jquery.imageCompress.js
$('#image').imageCompress({
'quality': 50,
'onloadStart': function(result){
console.log('讀取圖片開(kāi)始'+result);
},
'onloadEnd': function(result){
console.log('讀取圖片結(jié)束'+result);
},
'oncompressStart': function(result){
console.log('壓縮圖片開(kāi)始'+result);
},
'oncompressEnd': function(result){
console.log('壓縮圖片結(jié)束'+result);
$('#preview').append(result);
$('#preview').find('img').addClass('preview');
},
'callback': function(){
console.log('處理完畢');
}
});
使用說(shuō)明:
- el:為上傳框
- quality:壓縮圖片質(zhì)量,單位為%
- onloadStart:讀取圖片開(kāi)始,傳入文件對(duì)象
- onloadEnd:讀取圖片結(jié)束交排,傳入圖片對(duì)象
- oncompressStart:壓縮圖片開(kāi)始约炎,傳入壓縮前圖片對(duì)象
- oncompressEnd:壓縮圖片結(jié)束,傳入壓縮后圖片對(duì)象
- callback:所有圖片壓縮處理完成以后的回調(diào)