jquery压缩图片插件

Posted 2020-08-26 axl234

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(‘处理完毕‘);
    }
});