Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

File: name-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

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

Die name-Schreibgeschützte Eigenschaft des File-Interface gibt den Namen der Datei zurück, die durch ein File-Objekt dargestellt wird. Aus Sicherheitsgründen ist der Pfad in dieser Eigenschaft ausgeschlossen.

Wert

Ein String, der den Namen der Datei ohne Pfad enthält, wie zum Beispiel "Mein Lebenslauf.rtf".

Beispiele

HTML

html
<input type="file" id="file-picker" multiple />
<div>
  <p>List of selected files:</p>
  <ul id="output"></ul>
</div>

JavaScript

js
const output = document.getElementById("output");
const filePicker = document.getElementById("file-picker");

filePicker.addEventListener("change", (event) => {
  const files = event.target.files;
  output.textContent = "";

  for (const file of files) {
    const li = document.createElement("li");
    li.textContent = file.name;
    output.appendChild(li);
  }
});

Ergebnis

Spezifikationen

Spezifikation
File API
# dfn-name

Browser-Kompatibilität

Siehe auch