Firefox3.6 對多文件選擇、上載和精確進度條的支持

Firefox 3.6 於 2010年1月22日正式發佈,該版本對CSS3和HTML5提供了更多的支持,在 HTML5 方面,提供對訪問本地的支持和多文件選擇。同時還支持簡單拖放操作即可完成。遵守W3C規範的瀏覽器對Web開發人員來說,是一個最好的喜訊,Firefox每一次小小的更新,都會給大家帶來一份驚喜。下面就簡單介紹下Firefox3.6對文件上傳支持的新功能。
Firefox 3.6支持一次選擇多個文件。選擇多個文件,只需在input中添加 multiple="true" 屬性即可,寫法如下:

在用戶選擇多個文件後,handleFiles函數可以通過FileList對象得到所選擇的每個File對象。

通過拖放操作實現文件的多選,只需要先定義一個可拖放的區域,然後添加,dragenter、dragover和drop事件,在drop事件裏,可以通過e.dataTransfer.files 得到所選擇的文件集合。

對於每一個文件對象,可以通過name屬性得到文件名,size屬性得到文件的大小,type屬性得到文件的MIME 類型,可以使用FileReader對象讀取文件的內容。比如,下面的例子是得到文件名、文件大小和文件類型的:

注意:這裏判斷文件類型的依據好像還是以擴展名來判斷的,也就是說是可以通過修改擴展名來僞裝的。

另外,還可以通過XMLHttpRequest對象屬性文件的上載,通過progress事件可以顯示上載的準確進度,下面是mozilla網站提供的一個上載的例子:

 

Firefox3.6 下載地址:

http://www.mozilla.com/en-US/firefox/all.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章