微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件

标题 微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件

图片上传功能作为一个比较常见的功能，有时候需要在微信内置浏览器里打开，但是有些型号的手机会出现打不开的现象，点击图片上传没有反应，这就涉及到一些兼容问题，如果你没有使用lrz.bundle.js这种图片压缩的插件，只需要把

<input type="file" accept="image/png,image/jpeg,image/gif,image/jpg"> 

改为

<input type="file"  accept="image/*" >

就可以了 ，但是如果使用了lrz.bundle.js图片压缩插件 这里就有很多兼容的问题 本人就是在这个插件上采了深坑，如图片扭曲、某些设备不自动旋转图片方向，没有jpeg压缩算法，不支持new Blob,formData构造的文件size为0，还有某些机型和浏览器（例如QQX5浏览器）莫名其妙的BUG等等，查询了很多资料和一些网友的帮助之后，基本实现了兼容IOS，Android，PC的功能，使用方式如下：
在页面中引入

<script src="./dist/lrz.bundle.js"></script>

接着通过change事件可以得到用户选择的图片

document.querySelector('#file').addEventListener('change', function () {
	lrz(this.files[0])
        .then(function (rst) {
            // 处理成功会执行
            console.log(rst);
        })
        .catch(function (err) {
            // 处理失败会执行
        })
        .always(function () {
            // 不管是成功失败，都会执行
        });
});

在函数里调用后台接口，写一些自己的逻辑。lrz.bundle.js插件的压缩包已经上传，链接地址如下：lrz.bundle.js图片压缩插件 一般情况仅需引【lrz.bundle.js】 即可。但绝对不要删除目录下的【*.chunk.js】，这些文件分别对应了IOS和Android的兼容代码，检测到符合环境时会自动引入【lrz.all.bundle.js】是包含了所有引用了，莫名其妙的问题下就引用这个吧。