天天看點

實用ExtJS教程100例-009:ExtJS Form無重新整理檔案上傳

檔案上傳在web程式開發中必不可少,extjs form中有一個filefield字段,用來選擇檔案并上傳。今天我們來示範一下如何通過filefield實作extjs form無重新整理的檔案上傳。

首先,我們建立一個form,它包含一個filefield字段

然後,我們通過form的submit方法進行送出,此時,extjs會自動判斷,如果form中包含filefield字段,form的method會設定為post

最後,我們通過伺服器接收form送出的資料,并傳回一段json字元串

實用ExtJS教程100例-009:ExtJS Form無重新整理檔案上傳

點選浏覽按鈕,選擇檔案,然後點選上傳按鈕即可。

首先判斷,如果不包含檔案,則直接傳回json資料。

如果包含檔案,我們擷取到檔案名,并傳回成功的json資料。

實用ExtJS教程100例-009:ExtJS Form無重新整理檔案上傳

如果認為此文對您有幫助,别忘了支援一下哦!

聲明:本部落格原創文字隻代表本人工作中在某一時間内總結的觀點或結論,與本人所在機關沒有直接利益關系。非商業,未授權,貼子請以現狀保留,轉載時必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接。

轉載:http://www.cnblogs.com/youring2/p/extjs-100-examples-form-async-upload-file.html

繼續閱讀