HTML 5 File API:文件拖放上传功能

开发 后端
即将到来的 html5 规范有几个特性,以致使 HTML 远远超出其本身作为一种标记语言的能力,并为 Web 开发者提供了一些强大的脚本工具。

即将到来的 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 这篇文章。

【编辑推荐】

  1. Filer.js:一款支持HTML 5文件系统API的类Unix库
  2. 关于HTML 5的11个让人难以接受的事实
  3. HTML 5的SEO探索
  4. HTML 5游戏开发的5条最佳实践
  5. 使用Node.js开发多人玩的HTML 5游戏
责任编辑:陈贻新 来源: 帕兰
相关推荐

2010-01-29 09:00:48

HTML5 File 文件拖放上传

2010-09-03 08:58:01

HTML 5

2012-03-07 10:04:11

HTML 5

2012-03-07 09:08:00

HTML 5

2021-01-14 09:49:10

安全漏洞开发

2012-11-05 10:34:52

IBMdw

2009-11-26 11:03:05

Chrome扩展网站开放上传

2021-05-15 08:49:16

GitHub视频功能Bug

2011-07-14 09:16:10

HTML 5

2012-01-17 13:46:55

JavaSwing

2009-04-01 15:20:24

SNS

2013-01-18 10:59:44

IBMdW

2009-12-30 10:25:03

Silverlight

2010-01-21 13:34:31

HTML 5Youtube

2012-05-18 15:10:22

HTML5

2017-08-09 15:57:11

JavaScriptHtml5音频

2014-08-28 10:16:17

HTML5

2013-08-08 10:00:01

Amazon AppsHTML5

2011-11-18 16:09:37

jQuery

2020-11-09 08:06:37

HTML技巧上传
点赞
收藏

51CTO技术栈公众号