html5-image-compress

$3

http://mhbseal.com/demo/html5/html5ImgCompress/demo/index.html

$3

1.dist目录下文件放入project中(这里采用的是异步加载兼容js，chunk012为处理hack的js，不能删除)
2.引入主文件html5ImgCompress.min.js（源码采用UMD格式），所以可以用以下几种方式引入
1)全局



2)amd

require('/dist/html5ImgCompress.min.js', function(html5ImgCompress) {...});
3)commonjs

var html5ImgCompress = require('/dist/html5ImgCompress.min.js');
3.代码如下

4.参数说明

new html5ImgCompress(file, options);

@param {file} 上传文件
@param {object} options选项
- maxWidth {number} 最大宽度(如果最大高宽同时存在则根据原图的高宽比例来计算以哪个为准)，默认值1000
- maxHeight {number} 最大高度，默认值1000
- quality {number} 质量等级(类似PS保存事的质量等级，并不是压缩比例)，取值范围 0-1，默认值0.6
- before {function} 压缩前handler
- param {file} 原始上传文件
- return {boolean} 是否放弃，返回false放弃压缩
- done {function} 成功handler
- param {string} 生成的base64图片
- param {file} 原始上传文件
- fail {function} 失败handler
- param {file} 原始上传文件
- complate {function} 完成handler
- param {file} 原始上传文件
- notSupport {function} 浏览器不支持handler
- param {file} 原始上传文件

$3

1.图片方向处理
2.安卓微信压缩问题hack
3.IOS6/7压缩扭曲
4.多张上传（如果浏览器支持）