HTML5 File API初探 支持文件拖放上传功能

中关村村草

HTML5 File API初探 支持文件拖放上传功能

HTML5 File API可以改善基于浏览器的Web应用程序处理文件上传的方式，使文件可以直接拖放上传。我们可以通过﹤input type=”file”﹥ 标签来实现。

新一代Web开发标准HTML 5可以带来远远超出其本身作为一种标记语言的能力，除我们之前介绍的HTML 5可完美支持视频音频元素外，还提供一些强大的脚本工具，负责监督HTML5发展进程的W3C组织，刚刚出版了一份有关文档操作API的规格草案，HTML5 File API 接口功能。

该HTML5 File API的设计初衷，是改善基于浏览器的Web应用程序处理文件上传的方式，使文件直接拖放上传成为可能。草案定义了新的输入选项 ﹤input type=”file”﹥ 来处理文件上传。

更为惊喜的是，该API为开发者提供了一个关联上传数据，并显示上传进度和其他信息的方法。

不过，目前除了Firefox 3.6之外，良好支持该API的浏览器品牌为数不多。尽管如此，一旦新功能得到广泛支持，HTML5 File API 就能实现类似桌面的文件拖放效果，并且有能力同步处理多个上传并显示上传进度，不再需要借助 Flash 技术或其他外部工具。

欲了解更多关于 HTML5 File API 草案的细节，以及结合Javascript的开发应用，请详细参考W3C publish first working draft of File API的文档。