FileList: item()-Methode

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.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die item()-Methode der FileList-Schnittstelle gibt ein File-Objekt zurück, das die Datei am angegebenen Index in der Dateiliste darstellt.

Syntax

item(index)

Parameter

index: Der nullbasierte Index der Datei, die aus der Liste abgerufen werden soll.

Rückgabewert

Ein File-Objekt, das die angeforderte Datei darstellt.

Beispiele

Den Namen einer Datei ausgeben

In diesem Beispiel verwenden wir item(), um das erste Element in der FileList auszuwählen.

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}`;
  }
});

Ergebnis

Spezifikationen

Specification
File API # dfn-item

Browser-Kompatibilität

BCD tables only load in the browser