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的文档。

W3C publish first working draft of File APIhttp://ajaxian.com/archives/w3c-publish-first-working-draft-of-file-api

【编辑推荐】

  1. Youtube开放HTML 5视频功能
  2. HTML5网页3D技术标准发布 无需插件即可将网页3D化
  3. HTML 5指引下一代网络应用开发标准
  4. 使用HTML5构建下一代的Web Form
责任编辑:佚名 来源: paranimage.com
相关推荐

2012-01-04 09:42:40

HTML 5

2012-11-05 10:34:52

IBMdw

2011-09-27 17:37:22

2010-09-03 08:58:01

HTML 5

2013-01-18 10:59:44

IBMdW

2012-03-07 10:04:11

HTML 5

2014-08-28 10:16:17

HTML5

2017-08-09 15:57:11

JavaScriptHtml5音频

2009-07-09 10:33:39

Chrome OS系统Google谷歌

2013-08-08 10:00:01

Amazon AppsHTML5

2012-03-07 09:08:00

HTML 5

2015-06-11 17:50:33

2009-10-23 09:42:29

HTML5视频功能

2017-10-23 16:27:11

HTML5桌面Notificatio

2011-06-16 14:49:39

HTML5

2011-11-30 10:05:33

HTML 5

2011-11-18 16:09:37

jQuery

2011-12-12 09:04:35

HTML 5

2009-09-08 13:47:11

SproutCoreHTML 5应用框架

2013-01-24 10:26:04

HTML5HTML 5HTML5的未来
点赞
收藏

51CTO技术栈公众号