0
点赞
收藏
分享

微信扫一扫

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

举报

相关推荐

0 条评论