基于Jcrop,layer,uploadify 组装的头像,图片预览裁切 功能

一般不会写博客,也不知道怎么排版,so,上重点,

项目需求:系统会员需要自定义头像,并且可以选择裁切,此为需求,由于网络上找了好久,没发现有合适的,所以,自己组装了,额,说好的重点来了......

整个的处理流程简单描述下：

正常触发弹出层用的是layer 的弹层，弹层内容主要的jcrop +  uploadify ;
选择图片的按钮是 uploadify 的事件绑定方式， 选择后直接触发上传， 上传完毕将图片压缩处理成我们能展示的最大分辨率大小，然后展示在jcrop 的层理，  再用 jcrop 的截图方法处理预览，然后保存截取后图片， 整个流程就是这样了，
由于原始图片上传不能确切限定大小，所以我采用了选择后直接上传，然后程序做压缩处理，再展示给前端，这样就不会出现 原图大小不一样导致预览无法定位的问题了.

资源中给出的为spring 工程 部署后可以直接跑起;

需要注意的地方是配置虚拟路径   /u   这个路径是为了展示图片所用.

发博及上传原因:我曾在某个博客上留言说明我实现了整个功能,所以有很多同行的同学们来找我,所以为了方便,就单独整理了一份,方便大家参考.有新想法也欢迎大家留言提出.谢谢~

由于整个处理流程均为个人想法,所以demo中代码有些乱, 不懂的可以 Q 32353590 来问我. 前提是你要下载资源后使用时不懂 ^^

附资源地址:http://download.csdn.net/detail/simpleno/9587306

为了难得的分, 请下载后能正常预览demo的童鞋给予好评谢谢~!

本人小学语文水平, 描述可能并不清晰,达者勿喷,谢谢,