Firefox3.6 对多文件选择、上载和精确进度条的支持

原创 2010年01月22日 08:54:00

Firefox 3.6 于 2010年1月22日正式发布,该版本对CSS3和HTML5提供了更多的支持,在 HTML5 方面,提供对访问本地的支持和多文件选择。同时还支持简单拖放操作即可完成。遵守W3C规范的浏览器对Web开发人员来说,是一个最好的喜讯,Firefox每一次小小的更新,都会给大家带来一份惊喜。下面就简单介绍下Firefox3.6对文件上传支持的新功能。
Firefox 3.6支持一次选择多个文件。选择多个文件,只需在input中添加 multiple="true" 属性即可,写法如下:

在用户选择多个文件后,handleFiles函数可以通过FileList对象得到所选择的每个File对象。

通过拖放操作实现文件的多选,只需要先定义一个可拖放的区域,然后添加,dragenter、dragover和drop事件,在drop事件里,可以通过e.dataTransfer.files 得到所选择的文件集合。

对于每一个文件对象,可以通过name属性得到文件名,size属性得到文件的大小,type属性得到文件的MIME 类型,可以使用FileReader对象读取文件的内容。比如,下面的例子是得到文件名、文件大小和文件类型的:

注意:这里判断文件类型的依据好像还是以扩展名来判断的,也就是说是可以通过修改扩展名来伪装的。

另外,还可以通过XMLHttpRequest对象属性文件的上载,通过progress事件可以显示上载的准确进度,下面是mozilla网站提供的一个上载的例子:

 

Firefox3.6 下载地址:

http://www.mozilla.com/en-US/firefox/all.html

ASP无组件上载,带进度条,多文件上载

Example.asp此例子文档编码都是UTF-8,如果是其他编码的系统,请将编码转换为相应的编码,不然表单获取数据可能会乱码Dim objUpload,optDim xmlPat...
  • xdn401
  • xdn401
  • 2008年12月27日 15:48
  • 247

html5多文件上传预览及进度条 思路

本文只考虑html5环境。因为本人的编程信条是,一切都要尽可能的简单。因此面对老旧的html4我是持摒弃态度。 html5的file控件支持multiple属性,但是可惜它的功能实在太有限了,它的m...
  • dys1990
  • dys1990
  • 2014年02月19日 11:56
  • 3151

[原创]ASP无组件上载,带进度条,多文件上载。。

各种ASP无组件上载,带进度条的实在太多,用起来也不方便,今天自己写了一个,希望大家给点意见 页面都是UTF-8 编码的,用的时候可根据自己页面编码转换核心编码:SundyUpload.asp 例子:...
  • feng_sundy
  • feng_sundy
  • 2006年09月26日 12:13
  • 7939

ajax 上传 带 进度条 可多文件

项目中要用到一个  上传  在网上 找了找   没有  符合 我要求的  所以 自己写了 一个   ...
  • u010297848
  • u010297848
  • 2017年09月19日 15:36
  • 587

C# 简单通信(一对多) 新增文件传输进度

刚开始没太搞清楚文件的分块传输,以至于在文件传输进度的地方,找了很久的资料都没弄出来。 服务端增加文件传输进度,客户没有变化。 using System; using System.Coll...
  • Ac__pyt
  • Ac__pyt
  • 2015年10月24日 10:44
  • 1286

多文件上载系统完整版

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 03:57
  • 62

多文件上载系统程序

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 04:13
  • 79

Spring MVC带进度条的多文件上传

Spring MVC带进度条的多文件上传1、关于文件上传进度条的实现 在说Spring MVC文件上传尤其是带滚动条之前先用servlet做一个简单的文件上传并返回进度信息这样的功能。(1)需要两个包...
  • u010690828
  • u010690828
  • 2017年03月09日 15:40
  • 918

apache commons-fileupload实现进度条大文件批量上传

实现带进度条的文件上传有多种实现方式,之前看到一种是通过flash插件的方式实现上传(推荐SWFUpload,它是一个flash和js相结合的上传插件),这里我们采用Apache上传组件commons...
  • huanjileaimeidan
  • huanjileaimeidan
  • 2017年03月22日 14:43
  • 1196

总结:ajax多文件上传,带进度条,前端篇

前言: 之前写过一个文件上传的模块,但是是多个input上传的,而且使用的是jQuery.form打包上传的,这样子就觉得还是有点不太方便。 1.提交的时候需要将整...
  • qq_29238009
  • qq_29238009
  • 2017年08月28日 15:44
  • 562
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Firefox3.6 对多文件选择、上载和精确进度条的支持
举报原因:
原因补充:

(最多只允许输入30个字)