webuploader + cropper实现图片裁剪后上传

介绍两个插件cropper和webuploader。cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。而WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。如果你的H5项目是基于zepto.js，你就可以使用webuploader这个插件；如果你的H5项目是基于jquery，你就可以使用cropper这个插件。webuploader是兼容zepto和jquery的，而cropper只能基于jquery。

下面，提供下这两个插件的学习地址：

cropper：https://github.com/fengyuanchen/cropper/

webuploader ：http://fex.baidu.com/webuploader/

1、cropper单独裁剪上传

cropper裁剪.zip

2、webuploader + cropper裁剪文件上传

webuploader文件上传+cropper.zip

3、webuploader + cropper裁剪文件上传注意点

1）、关闭自动上传

2）、uploader.onFileQueued 设置裁剪

3）、更新webuploader的file资源对象为裁剪之后的文件对象

参考资料：

https://blog.csdn.net/qiyongkang520/article/details/53055517

https://www.jianshu.com/p/d69299263488

Js文件转换函数参考