我們不止一次的提到File API以及Web應用程序?qū)Ρ镜刭Y源的訪問，比如《JavaScript將增加本地操作API 可直接操作本地文件》和《HTML5 File API初探支持文件拖放上傳功能》等。這不只是一個功能或者API，它還代表了未來Web應用開發(fā)的一個趨勢。

　　回想一下過去那些糟糕的日子：要上傳文件到一個網(wǎng)站需要在一個file input上點擊“瀏覽”按鈕，然后導航到這個文件所在的文件夾，再點擊“打開”，如果要上傳多個文件，需要對每一個文件重復上面的步驟！有了File API，那些日子將一去不復返了。

File API是什么？

　　File API是一套強大的API，它可以讓開發(fā)者處理來自于用戶文件系統(tǒng)的文件，并且可以讓開發(fā)者在Web應用程序里使用這些文件，所有這些事情都在本地處理，不需要在服務器上處理。

File API能做什么？

　　在很多場景下，許多應用程序中，F(xiàn)ile API都是很有用的。最明顯的用途就是使用Drag和Drop API在drop事件上訪問文件的，來支持拖放式上傳文件（比如image）。當用戶drop文件的時候，你可以把他們轉(zhuǎn)換成一個data URL，馬上給用戶提供反饋，同時可以用異步的方式把要上傳的image的縮略圖展示給用戶，這可以給用戶提供一個無縫的交互體驗。

幾個例子：

　　我們收集了一個炫耀File API的例子（http://www.thecssninja.com/demo/crystalball/），這個Demo可以在Firefox3.6和Chrome 6 dev版上正常運行。從你的桌面上拖放任意文件到這個Demo中，看看會發(fā)生什么......

　　◆一個圖片編輯器——http://demos.hacks.mozilla.org/openweb/imageUploader

　　◆box.NET最近添加了對拖放式上傳文件的支持—— box.NET

　　◆font dragr –測試自定義字體的Web應用程序*– http://fontdragr.com

如何使用File API

　　使用File API，你有兩種方法可以訪問一個文件并進行操作。第一種方法是通過file input和文件屬性。

# document.getElementById("fileinput").files          

        

        
        
      
        
it知識庫：未來Web應用開發(fā)探秘：File API，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。