jquery壓縮圖片外掛程式

標籤：.com   color   class   app   壓縮   jquer   addclass   compress   功能   

imageCompress

只有圖片壓縮功能，比較簡單
jquery.imageCompress.js

使用說明：

• el：為上傳框
• quality：壓縮圖片品質，單位為％
• onloadStart：讀取圖片開始，傳入檔案對象
• onloadEnd：讀取圖片結束，傳入圖片對象
• oncompressStart：壓縮圖片開始，傳入壓縮前圖片對象
• oncompressEnd：壓縮圖片結束，傳入壓縮後圖片對象
• callback：所有圖片壓縮處理完成以後的回調

 

$(‘#image‘).imageCompress({    ‘quality‘: 50,    ‘onloadStart‘: function(result){        console.log(‘讀取圖片開始‘+result);    },    ‘onloadEnd‘: function(result){        console.log(‘讀取圖片結束‘+result);    },    ‘oncompressStart‘: function(result){        console.log(‘壓縮圖片開始‘+result);    },    ‘oncompressEnd‘: function(result){        console.log(‘壓縮圖片結束‘+result);        $(‘#preview‘).append(result);        $(‘#preview‘).find(‘img‘).addClass(‘preview‘);    },    ‘callback‘: function(){        console.log(‘處理完畢‘);    }});

 

jquery壓縮圖片外掛程式