很久没有更新博客了，再不写点东西都烂了。这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。然而jcrop所返回的坐标值及宽高，并不是基于所上传图片自身的像素，而是如图中所示，是外层DIV的宽高。底下四个隐藏域相信大家看他们的name值也就知道个大概，这个就是用于存放Jcrop截取时所产生的原点坐标和截取宽高的值。JS这个JS是上传页面的相关逻辑。这部分是当文件上传后，后端如果返回了错误信息，则需要进行相关的提示信息处理。但是因为我们这次要结合Jcrop，所以要割掉这部分功能。这个配置只要跟在Spring配置后面就行了，应该就不会有什么大碍，其实就是获取本地路径然后设置到系统参数当中。

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码