图片压缩插件

利用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

你可能感兴趣的:(图片压缩插件)