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