HTML5 File API改善网页上传功能

2016-02-19 12:46 1 1 收藏

有一种朋友不在生活里，却在生命力；有一种陪伴不在身边，却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗？话不多说下面就和大家分享HTML5 File API改善网页上传功能吧。

【 tulaoshi.com - Web开发】

HTML 5 让 HTML 这个一度单纯的置标语言焕发出成熟的魅力，使之成为 Web 开发者的强力工具。近日W3C又推出一个新草案HTML5 File API，这个 API 将让大大改善基于Web 的文件上传操作，甚至可以实现直接将文件从桌面拖放至Web。

　　该草案使用 input type="file" / 实现文件的上传，而其对应的 API 为开发者提供了操控上传数据与上传进度的机制。不过，目前对该 API 提供支持的浏览器还少得可怜，真正支持的浏览器似乎只有 Firefox 3.6。如果使用最新的 Firefox 3.6 版，可以在演示页体验文件拖放式上传。

　　同时，该 API 还许诺将为 Web 程序提供一种机制，使得文件上传操作接近桌面程序的体验，同时拖放多个文件到 Web 并单独显示每个上传进程的进度状态。

来源:http://www.tulaoshi.com/n/20160219/1601846.html

上一篇： HTML5 标准将把互联网视频扔回到黑暗时代
下一篇： QQ空间小秘书：三步搞定好友留言

看过《HTML5 File API改善网页上传功能》的人还看了以下文章更多>>

HTML5 File API改善网页上传功能 02-19
程序设计HTML5 Canvas API 02-19
html5 拖拽上传图片实例演示 02-19
jsp SmartUpload 实现上传功能代码 02-19
基于HTML5 FileSystem API的使用介绍 02-19
html5拖曳操作 HTML5实现网页元素的拖放操作 02-19
CuteFTP文件同步上传功能怎么用 02-20
HTML5 window/iframe跨域传递消息 API介绍 02-19
基于HTML5超酷摄像头（HTML5 webcam）拍照功能实现代码 02-19
试着用HTML5制作网页的过程 02-17

html5 标签

标签： Web开发

W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过制...

HTML5上传文件显示进度的实现代码

标签： Web开发

这里我们是结合Asp.net MVC做为服务端，您也可以是其它的服务端语言。让我们看面这个片断的HTML：复制代码代码如下: @using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" , id="form1"})) { div class="row" label for="file" Upload Image:/label input type="file" name="fileToUploa...

通过Canvas及File API缩放并上传图片完整示例

标签： Web开发

示例地址：Canvas Resize Demo 原文作者：Dr. Tom Trenka 原文日期： 2013年8月6日翻译日期： 2013年8月8日 Tom Trenka 能为"我"的博客写一篇文章,对我来说是一个巨大的荣誉。Tom是Dojo框架的最初贡献者之一，也是我在SitePen公司的良师益友.我见证了他最顶级的天才能力，并且他总是第一个以前瞻性的解决方案预见了很多棘手的问...

使用HTML5的File实现base64和图片的互转

标签： Web开发

刚接触到一个内联图片的概念，内联图片即使把图片文件编码成base64 看下面代码即是内联问题可以减少http的请求，缺点是不能跨域缓存！代码如下： img src="data:image/jpeg;base64,/9j/4QqsRX..." alt="" 然后在线如何把图片转化成base64 如果只依靠单纯的javascript是有权限问题的 js不允许操作本地的file文件或文件夹为了安全问...

突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述

标签： Web开发

拖拽(Drag/Drop)是个非常普遍的功能。你可以抓住一个对象，并且拖动到你想放置的区域。很多javascript都类似实现了相关的功能，例如，jQueryUI的draganddrop组件。在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都支持。正因为这个功能太普遍了，所有的主流浏览器都支持这个操作。启用拖拽-draggable属性非常简单，只需要将一个元...

查看更多精彩>>