小记 HTML5 file对象

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

小记 HTML5 file对象<input type="file" id="myfile" multiple>

这是个很普通的 file 上传组件,multiple 是支持多选,当然 IE6-9 是不支持的,所以先不论他们了。

file对象 是一个非常好用的东西,可以获取到文件的 文件名,文件大小,文件类型,最后一次修改日期。用起来也很简单,来看个小例子:

<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <title>file</title></head><body> <input type="file" id="myfile" multiple> <script> var myfile = document.getElementById("myfile"); myfile.onchange = function () { console.log(myfile.files); } </script></body></html>

不出意外的话,你可以在控制台看到如下内容:

好了,今天就分享这个小知识点。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航