DieHTMLInputElement.files-Eigenschaft ermöglicht den Zugriff auf dasFileList-Objekt, das mit dem<input type="file">-Element ausgewählt wurde.

Wert

EinFileList-Objekt, das die ausgewählten Dateien auflistet, falls vorhanden, odernull, wenn derHTMLInputElement nicht vomtype="file" ist.

Beispiele

Das folgende Beispiel zeigt, wie Sie auf dieHTMLInputElement.files-Eigenschaft zugreifen und den Namen, das Datum der letzten Änderung, die Größe und den Typ jeder vom Benutzer ausgewählten Datei protokollieren können.

HTML

<input type="file" multiple />

JavaScript

Beachten Sie, dassHTMLInputElement.files immer noch eine Instanz vonFileList zurückgibt, selbst wenn keine Dateien ausgewählt sind.Daher ist es sicher, sie mitfor...of zu durchlaufen, ohne zu überprüfen, ob Dateien ausgewählt sind.

const fileInput = document.getElementById("files");console.log(fileInput.files instanceof FileList); // true even if emptyfor (const file of fileInput.files) {  console.log(file.name); // prints file name  let fileDate = new Date(file.lastModified);  console.log(fileDate.toLocaleDateString()); // prints legible date  console.log(    file.size < 1000 ? file.size : `${Math.round(file.size / 1000)}KB`,  );  console.log(file.type); // prints MIME type}

Spezifikationen

Browser-Kompatibilität

Siehe auch

• DataTransfer.files