HTML5 File API:文件拖放上传功能

即将到来的 HTML5 规范有几个特性,以致使 HTML 远远超出其本身作为一种标记语言的能力,并为 Web 开发者提供了一些强大的脚本工具。负责监督 HTML5 发展进程的 W3C 组织,刚刚出版了一份强有力的规格草案 – HTML5 File API 接口功能。

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

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

不过,目前除了 Firefox 3.6 之外,良好支持该 API 的浏览器品牌为数不多。如果你已经安装最新的 Firefox 3.6 版本,可以在以下演示地址体验文件拖放式上传功能。

演示:Firefox 3.6 文件拖放上传功能

尽管如此,一旦新功能得到广泛支持,HTML5 File API 就能实现类似桌面的文件拖放效果,并且有能力同步处理多个上传并显示上传进度,不再需要借助 Flash 技术或其他外部工具。

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

英文原稿:HTML5 File API Brings Drag-and-Drop File Uploads to the Web | Webmonkey
翻译整理:HTML5 File API,文件拖放上传功能 | 芒果

“HTML5 File API:文件拖放上传功能”的16个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注