和開心網一樣的頭像上傳截圖

來源:互聯網
上載者:User
      要做帳戶圖片上傳,覺得開心網那種方式很好,在網上瘋狂搜尋,還真找到了,不過是.net版和PHP版的,.net就不看了,一竅不通,把PHP版的改成JAVA版的。前台都是一樣的,通過JS獲得縮放後的圖片長寬和的右上點座標。後台通過這些參數進行圖片縮放和切割。
    開始是想在上傳前用本地的圖片做預覽,做的時候用IE做測試,結果完成後發現FF居然不支援本地圖片預覽。又是一頓狂改。。。。。
    基本思路是這樣的:首先使用者上傳圖片(非同步上傳,通過IFRAME方式實現),把圖片儲存在臨時檔案夾,然後回調callback()方法初始化實現選擇圖片裁截地區的DIV以及裡面的東西(需要在後台把上傳圖片的路徑,寬度,長度傳回callback()的參數,因為在IE下改變圖片的SRC後擷取圖片的長寬居然沒有變化,只能重新設定長寬了)。
    然後在頁面上拖動圖片選擇要截取的地區以獲得參數,提交,在後台對之前上傳的圖片進行縮放和切割。


/Files/jarrywin/imagecut.rar

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.