用jquery把圖片上傳到服務器,聽起來看起來十分簡單的事情,卻讓我消耗了一天的時間,最后也沒有完全解決。過程簡單是各種不順,連悅老大那里也碰到了棘手的問題,所以我也不能貿然去打擾他。只好由我們一個不熟悉前端的后台和一個半熟悉前端的偽前端在一起鼓搗。
項目需求是這樣的:
1.用戶input控件選擇圖片;
2.點擊打開時選定圖片並上傳到服務器;
3.服務器返回圖片的URL地址並顯示在頁面上;
4.用戶對圖片進行裁切並時實預覽;
5.點擊確認按鈕保存裁切后的圖片(將裁切坐標及寬高發送給服務器並實現裁切)。
簡單的問題一旦涉及到了服務器環境、AJAX、后台、兼容IE8就變得不那么簡單了。其實歸根到底,還是自己對這塊的知識不熟悉。尤其是input控件的file,根本沒有實際應用過。
// input的file控件,選中的文件存在了元素下面的files屬性里,對應的值是一個數組。
jQuery File Upload:jquery上傳文件插件
http://blueimp.github.io/jQuery-File-Upload/
http://bbs.9ria.com/thread-245293-1-1.html
還有問題待解決。