我们不止一次的提到File API以及Web应用程序对本地资源的访问，比如《JavaScript将增加本地操作API 可直接操作本地文件》和《HTML5 File API初探支持文件拖放上传功能》等。这不只是一个功能或者API，它还代表了未来Web应用开发的一个趋势。

　　回想一下过去那些糟糕的日子：要上传文件到一个网站需要在一个file input上点击“浏览”按钮，然后导航到这个文件所在的文件夹，再点击“打开”，如果要上传多个文件，需要对每一个文件重复上面的步骤！有了File API，那些日子将一去不复返了。

File API是什么？

　　File API是一套强大的API，它可以让开发者处理来自于用户文件系统的文件，并且可以让开发者在Web应用程序里使用这些文件，所有这些事情都在本地处理，不需要在服务器上处理。

File API能做什么？

　　在很多场景下，许多应用程序中，File API都是很有用的。最明显的用途就是使用Drag和Drop API在drop事件上访问文件的，来支持拖放式上传文件（比如image）。当用户drop文件的时候，你可以把他们转换成一个data URL，马上给用户提供反馈，同时可以用异步的方式把要上传的image的缩略图展示给用户，这可以给用户提供一个无缝的交互体验。

几个例子：

　　我们收集了一个炫耀File API的例子（http://www.thecssninja.com/demo/crystalball/），这个Demo可以在Firefox3.6和Chrome 6 dev版上正常运行。从你的桌面上拖放任意文件到这个Demo中，看看会发生什么......

　　◆一个图片编辑器——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应用开发探秘：File API，转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。