一般不会写博客,也不知道怎么排版,so,上重点,
项目需求:系统会员需要自定义头像,并且可以选择裁切,此为需求,由于网络上找了好久,没发现有合适的,所以,自己组装了,额,说好的重点来了......
整个的处理流程简单描述下:
正常触发弹出层用的是layer 的弹层,弹层内容主要的jcrop + uploadify ;
选择图片的按钮是 uploadify 的事件绑定方式, 选择后直接触发上传, 上传完毕将图片压缩处理成我们能展示的最大分辨率大小,然后展示在jcrop 的层理, 再用 jcrop 的截图方法处理预览,然后保存截取后图片, 整个流程就是这样了,
由于原始图片上传不能确切限定大小,所以我采用了选择后直接上传,然后程序做压缩处理,再展示给前端,这样就不会出现 原图大小不一样导致预览无法定位的问题了.
资源中给出的为spring 工程 部署后可以直接跑起;
需要注意的地方是配置虚拟路径 /u 这个路径是为了展示图片所用.
发博及上传原因:我曾在某个博客上留言说明我实现了整个功能,所以有很多同行的同学们来找我,所以为了方便,就单独整理了一份,方便大家参考.有新想法也欢迎大家留言提出.谢谢~
由于整个处理流程均为个人想法,所以demo中代码有些乱, 不懂的可以 Q 32353590 来问我. 前提是你要下载资源后使用时不懂 ^^
附资源地址:http://download.csdn.net/detail/simpleno/9587306
为了难得的分, 请下载后能正常预览demo的童鞋给予好评谢谢~!
本人小学语文水平, 描述可能并不清晰,达者勿喷,谢谢,