美文网首页
图片压缩插件

图片压缩插件

作者: 大王爱喝酒 | 来源:发表于2017-10-16 17:22 被阅读0次

    利用canvas封装的压缩图片插件,解决了iphone照片图片方向问题。
    (笔者在getBase64()回调中,调用了阿里云花卉识别接口)


    插件本体:libs/compress.js
    依赖插件:libs/exif.js(判断iphone照片方向)
    (exif.js在前引入,后引入compress.js,此外文件非必要)


    使用方法:

    1,创建压缩图片对象(最大宽度,最大高度,图片预览的容器ID(不需此功能传空 ''),是否剪切,回调函数)

    var compressObj = new Compress(1000, 1000, '.imgs', false, getBase64);
    

    2,监听class名为uploadImg的input标签

    document.querySelector('.uploadImg').addEventListener('change', function (e) {
    
           compressObj.readImg(e);
    
    });
    

    3,回调函数-->你需要的操作,参数1:图片的base64格式,参数2:多张图片上传的base64格式数组

    function getBase64(base64, base64Arr) {
    
    }
    

    github: https://github.com/YoungWong315/compress-img
    npm install compress_y

    相关文章

      网友评论

          本文标题:图片压缩插件

          本文链接:https://www.haomeiwen.com/subject/bnqluxtx.html