FileList:length 属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

备注: 此特性在 Web Worker 中可用。

FileList 接口的 length 只读属性返回 FileList 中的文件数量。

指示列表中文件数量的数字。

示例

打印所选文件的数量

在此示例中,我们使用 length 属性来查看 FileList 中的项目数。

HTML

html
<input type="file" multiple />
<div class="output"></div>

JavaScript

js
const fileInput = document.querySelector("input[type=file]");
const output = document.querySelector(".output");

fileInput.addEventListener("change", () => {
  const fileList = fileInput.files;
  output.textContent = `你已选择了:${fileList.length} 个文件`;
});

结果

规范

Specification
File API
# dfn-length

浏览器兼容性

BCD tables only load in the browser