日期:2014-05-17  浏览次数:20676 次

html5之文件api

这篇主要是探讨一下HTML 5的文件API

?

1、FileList对象与file对象

?

?

  • FileList对象表示用户选择文件的列表,在HTML 5中,加了multiple属性,file控件允许放置多个文件
  • 控件内的每一个用户选择的文件都是一个file对象
  • FileList对象是这些file对象的列表
  • file对象有两个属性name属性表示文件名,不包括路径 | lastModifiedDate属性表示文件的最后修改日期?
html:

<input type="file" id="file"/>
?
js:

//下面返回的是FileList
var files = document.getElementById('file').files;
var size = files[0]. size;
var type= files[0]. type;
var name= files[0]. name;
?

HTML5 已经对file控件增加了accept属性,只接受某种类型的文件

<input type="file" accept="image/*" id="file" />
?


?
关于FileReader可以查看我写的http://zhangyaochun.iteye.com/blog/1487900