cropper 裁剪上传java_完美的mui图片裁切上传（含服务器端、相册选择、拍照，可直接运行）...

附件有含有源码下载

。

开篇背景：

在网上找了许多资料，汇总之后写了这么一个示例出来，现将完整代码整理处理，包括前端完整的Hbuilder工程代码和后端的处理上传Java实现。图片裁切使用到了jquery.cropper插件，所以这个图片裁切的功能模块是需要使用到jquery的，也尝试自己写了一点实现了基本的图片放大缩小、图片移动后感觉脑袋太晕了，还是找一款插件更加合适，经详细了解了cropper插件后觉得太强大了，兼容pc、安卓、ios等，一些特色功能满足来了我个人对于图片裁切所需要的所有，插件下载地址为：https://github.com/fengyuanchen/cropper ，网上也能找到需要关于此插件的在线运行，也可以将附件源码下载下来，在源码的docs/index.html文件打开可以直接运行代码示例。特色功能有：图片拖动大小缩放、背景图片移动、裁切区域移动、选区大小调整、选区移动、照片左右上下变换、旋转等，这些功能也是我本次示例中使用到了的。

后端处理：

无论用什么语言，它的目的是将用户裁切完成后的数据进行存储，由于前端裁切使用了canvas裁切图片，所以提交到后端的是裁切后的区域图片字符串编码，而非图片文件，后端需要将此字符串采用base64解码转换成一张图片文件存储。。。也就是说这里的后端处理文件上传并非传统的处理图片上传，而是解码base64字符串，如果还不清楚base64字符串编码与图片的转换，可以使用word验证一下。这里临时写了一个简单的Java的servlet程序来处理文件上传，参考代码如下：

package com;

import java.io.File