此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

FileList:length 属性

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

备注: 此特性在 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} 个文件`;
});

结果

规范

规范
File API
# dfn-length

浏览器兼容性