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