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 上檢視此頁面 • 報告此內容存在問題