FileList: item()-Methode
Hinweis: Dieses Feature ist verfügbar in Web Workers.
Die item()
-Methode der FileList
-Schnittstelle gibt ein File
-Objekt zurück, das die Datei am angegebenen Index in der Dateiliste darstellt.
Syntax
js
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
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 = `You selected: ${file.name}`;
}
});
Ergebnis
Spezifikationen
Specification |
---|
File API # dfn-item |
Browser-Kompatibilität
BCD tables only load in the browser