HTML 5 File API:文件拖放上傳功能
即將到來的 html5 規(guī)范有幾個(gè)特性,以致使 HTML 遠(yuǎn)遠(yuǎn)超出其本身作為一種標(biāo)記語言的能力,并為 Web 開發(fā)者提供了一些強(qiáng)大的腳本工具。負(fù)責(zé)監(jiān)督 HTML5 發(fā)展進(jìn)程的 W3C 組織,剛剛出版了一份強(qiáng)有力的規(guī)格草案 – HTML5 File API 接口功能。
該 API 的設(shè)計(jì)初衷,是改善基于瀏覽器的 Web 應(yīng)用程序處理文件上傳的方式,使文件直接拖放上傳成為可能。草案定義了新的輸入選項(xiàng) <input type=”file”> 來處理文件上傳。
更為驚喜的是,該 API 為開發(fā)者提供了一個(gè)關(guān)聯(lián)上傳數(shù)據(jù),并顯示上傳進(jìn)度和其他信息的方法。
不過,目前除了 firefox 3.6 之外,良好支持該 API 的瀏覽器品牌為數(shù)不多。如果你已經(jīng)安裝最新的 Firefox 3.6 版本,可以在以下演示地址體驗(yàn)文件拖放式上傳功能。
盡管如此,一旦新功能得到廣泛支持,HTML5 File API 就能實(shí)現(xiàn)類似桌面的文件拖放效果,并且有能力同步處理多個(gè)上傳并顯示上傳進(jìn)度,不再需要借助 Flash 技術(shù)或其他外部工具。
欲了解更多關(guān)于 HTML5 File API 草案的細(xì)節(jié),以及結(jié)合 javascript 的開發(fā)應(yīng)用,請?jiān)敿?xì)參考 W3C publish first working draft of File API 這篇文章。
【編輯推薦】