Web 接口
FileList - 由 HTML <input> 元素的 files 属性返回的对象
这是一个完整的例子。
源代码:
点击运行 »
<!DOCTYPE HTML> <html> <head> </head> <body> <!--设置 multiple 允许选择多个文件d--> <input id="myfiles" multiple type="file"> </body> <script> var pullfiles=function(){ // 使用查询选择器 var fileInput = document.querySelector("#myfiles"); var files = fileInput.files; // 缓存 files.length var fl = files.length; var i = 0; while ( i < fl) { // 在循环中赋值 file 为本地变量 var file = files[i]; alert(file.name); i++; } } // 将 input 元素的 onchange 设置为调用 pullfiles document.querySelector("#myfiles").onchange=pullfiles; </script> </html>
运行结果:
点击运行 »