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

View in English Always switch to English

FileList:item() 方法

基线 广泛可用

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

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

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

语法

js
item(index)

参数

index

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

返回值

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

示例

打印文件名

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

HTML

html
<input type="file" />
<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;
  if (fileList.length > 0) {
    const file = fileList.item(0);
    output.textContent = `你选择了:${file.name}`;
  }
});

结果

规范

规范
File API
# dfn-item

浏览器兼容性