JavaScript DOM Input FileUpload 对象 files 属性

Input FileUpload 对象 files 属性

files属性返回一个FileList对象，表示使用文件上载按钮选择的文件。通过FileList对象，您可以获取文件的名称，大小和内容，此属性是只读的。

使用文件上载按钮选择一个或多个文件，并显示有关所选文件的一些信息：

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Select one or more files.";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". file</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "name: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "size: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById ("demo").innerHTML = txt;

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
属性
files	10.0+	支持	支持	支持	支持

语法

返回files属性：

FileUploadObject.files

技术细节

项目	描述
返回值	表示所选文件的FileList对象