一般不會寫部落格,也不知道怎麼排版,so,上重點,

專案需求:系統會員需要自定義頭像,並且可以選擇裁切,此為需求,由於網路上找了好久,沒發現有合適的,所以,自己組裝了,額,說好的重點來了......

整個的處理流程簡單描述下：

正常觸發彈出層用的是layer 的彈層，彈層內容主要的jcrop +  uploadify ;
選擇圖片的按鈕是 uploadify 的事件繫結方式， 選擇後直接觸發上傳， 上傳完畢將圖片壓縮處理成我們能展示的最大解析度大小，然後展示在jcrop 的層理，  再用 jcrop 的截圖方法處理預覽，然後儲存擷取後圖片， 整個流程就是這樣了，
由於原始圖片上傳不能確切限定大小，所以我採用了選擇後直接上傳，然後程式做壓縮處理，再展示給前端，這樣就不會出現 原圖大小不一樣導致預覽無法定位的問題了.

資源中給出的為spring 工程 部署後可以直接跑起;

需要注意的地方是配置虛擬路徑   /u   這個路徑是為了展示圖片所用.

發博及上傳原因:我曾在某個部落格上留言說明我實現了整個功能,所以有很多同行的同學們來找我,所以為了方便,就單獨整理了一份,方便大家參考.有新想法也歡迎大家留言提出.謝謝~

由於整個處理流程均為個人想法,所以demo中程式碼有些亂, 不懂的可以 Q 32353590 來問我. 前提是你要下載資源後使用時不懂 ^^

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

為了難得的分, 請下載後能正常預覽demo的童鞋給予好評謝謝~!

本人小學語文水平, 描述可能並不清晰,達者勿噴,謝謝,