AjaxFileUpload檔案上傳 及注意事項
阿新 • • 發佈:2019-01-08
文件目的: 介紹如何使用AjaxFileUpload外掛在不重新整理頁面的情況下上傳檔案,並解決無法從伺服器返回JSON資料的問題。
文件目的: 介紹如何使用AjaxFileUpload外掛在不重新整理頁面的情況下上傳檔案,並解決無法從伺服器返回JSON資料的問題 第一步:下載軟體: AjaxFileUpload-master.zip 百度雲:http://pan.baidu.com/s/1pLTkBvd 注意:有些AjaxFileUpload是有BUG的,因此請下載我提供的外掛。 第二步:安裝外掛 將外掛放在你的專案的公共資料夾下 第三步:引用檔案 為了便於程式碼重用,我設計了一個dialog.html檔案,裡面包含了AjaxFileUpload的應用程式碼,通過artDialog6來美化上傳檔案的對話方塊,大家可以直接檢視下載下來的資料夾內容。 上傳控制元件前端的使用: 第四步:問題解析 在使用AjaxFileUpload的時候,很多同學都遇到了無法正確解析從伺服器返回到頁面的json資料,甚至返回的動作不進入AjaxFileUpload 的 success方法,導致無法正常使用AjaxFileUpload外掛,現在我們就來解決這個問題。 解決方案: 這個問題還需要從AjaxFileUpload控制元件的原始碼入手,請開啟AjaxFileUpload.js,找到如下程式碼段,並作如下修改: 具體的分析方法請檢視視訊教程裡的講解,有助於提升大家對js程式碼的解讀和二次修改能力。