Input FileUpload files 属性

HTML DOM Input FileUpload 对象

定义和用法

files 属性返回 FileList 对象，代表使用文件上传按钮选择的一个或多个文件。

通过 FileList 对象，可以获取文件的名称、大小和内容。

该属性是只读的。

实例

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

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "选择一个或多个文件。";
  } 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 += "名称：" + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "大小：" + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById ("demo").innerHTML = txt;

亲自试一试

语法

fileuploadObject.files

技术细节

返回值： FileList 对象，代表所选文件。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

HTML DOM Input FileUpload 对象