这篇主要是探讨一下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