jcrop java_springMVC结合Jcrop实现头像上传功能！头像上传以及之前预览再以及剪裁——javaweb版...

声明：这里的例子是项目剥离出来的，不完善，修订版(以及源码demo)传送门：

先说明下我搭建的环境是:springMVC+spring+mybatis ，由于表达能力欠缺。下面直接上代码：

一、jsp页面：

/UploadDemo/uploadHeadImage" class="form-horizontal"

method="post" enctype="multipart/form-data">

                

上传

二、jcrop组件引用情况：

" type="text/css">

">

">

三、jcrop使用方法：(有两种，先说我使用的，最后在介绍两种方法的不同之处)

//定义一个全局api，这样操作起来比较灵活

var api = null;

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.readAsDataURL(input.files[0]);

reader.onload = function (e) {