歡迎您光臨本站 註冊首頁

Flex實現多文件上傳之一:前台部分

←手機掃碼閱讀     火星人 @ 2014-03-10 , reply:0

一般的原理都是使用FileReference來實現,而FileReference只是單個文件的上傳,從上面的兩個例子里也可以看得出.其實還有一個和FileReference一樣的用來實現多文件上傳的,就是FileReferenceList,從名字也可以猜得出,這個可以實現多文件上傳.

這裡說的前台部分是指代碼只寫到FileReference的upload方法的調用,該方法的參數就是與後台之間的紐帶,因為後台可能不同,實現也就不同,這個例子里使用的是java.

寫了個組件,基本功能有:實現文件瀏覽與上傳;用進度條監控每個文件上傳的進度;文件信息列表,下面這個圖是最終的效果圖:


下面詳細說明下這個組件:

1.一個DataGrid列表,用來顯示選擇的文件信息
2.列表中的一欄有一個進度條和刪除按鈕,進度條監視文件的上傳進度,以百分比顯示,刪除按鈕為從當前列表文件中移除
3.下面三個按鈕用來瀏覽文件、上傳和關閉當前窗口,如果列表中無文件時,上傳按鈕是不可用狀態
4.窗口繼承於TitleWindow,status屬性顯示了當前選擇的文件數和總文件大小

改進點:

1.每個文件在上傳過程中的取消
2.瀏覽文件時的文件類型過濾

下面說一下主要的代碼:

1)FileReferenceList的瀏覽方法,這個和FileReference的browse一樣,只是這裡的彈出窗口中可以選擇多個文件:


[火星人 ] Flex實現多文件上傳之一:前台部分已經有320次圍觀

http://coctec.com/docs/java/show-post-61308.html