Datei: webkitRelativePath-Eigenschaft

Baseline 2025

Newly available

Since ⁨August 2025⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

Die schreibgeschützte webkitRelativePath-Eigenschaft der File Schnittstelle enthält eine Zeichenkette, die den Pfad der Datei relativ zu dem vom Benutzer in einem <input> Element ausgewählten Verzeichnis angibt, wenn dessen webkitdirectory Attribut gesetzt ist.

Wert

Eine Zeichenkette, die den Pfad der Datei relativ zu dem vom Benutzer ausgewählten übergeordneten Verzeichnis enthält.

Beispiel

In diesem Beispiel wird ein Verzeichnis-Auswahldialog präsentiert, der es dem Benutzer ermöglicht, ein oder mehrere Verzeichnisse auszuwählen. Wenn das change-Ereignis auftritt, wird eine Liste aller Dateien erstellt und angezeigt, die in den ausgewählten Verzeichnishierarchien enthalten sind.

HTML

html

<input type="file" id="file-picker" name="fileList" webkitdirectory multiple />
<output id="output"></output>

output {
  display: block;
  white-space: pre-wrap;
}

JavaScript

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

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

  for (const file of files) {
    output.textContent += `${file.webkitRelativePath}\n`;
  }
});

Ergebnis

Spezifikationen

Specification
File and Directory Entries API # dom-file-webkitrelativepath

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden