FileList：item() 方法

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

注意：此功能在 Web Workers 中可用。

FileList 接口的 item() 方法返回一个 File 对象，该对象代表文件列表中指定索引处的文件。

语法

item(index)

参数

index: 要从列表中检索的文件的从零开始的索引。

返回值

代表所请求文件的 File 对象。

示例

打印文件的名称

在此示例中，我们使用 item() 选择 FileList 中的第一项。

HTML

html

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

JavaScript

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

fileInput.addEventListener("change", () => {
  const fileList = fileInput.files;
  if (fileList.length > 0) {
    const file = fileList.item(0);
    output.textContent = `You selected: ${file.name}`;
  }
});

结果

规范

规范
File API # dfn-item

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2023年12月2日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容存在问题