分享一个jquery压缩图片插件

imageCompress

只有图片压缩功能,比较简单
jquery.imageCompress.js

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

使用说明:

  • el:为上传框
  • quality:压缩图片质量,单位为%
  • onloadStart:读取图片开始,传入文件对象
  • onloadEnd:读取图片结束,传入图片对象
  • oncompressStart:压缩图片开始,传入压缩前图片对象
  • oncompressEnd:压缩图片结束,传入压缩后图片对象
  • callback:所有图片压缩处理完成以后的回调
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容