Datei: webkitRelativePath-Eigenschaft

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Die webkitRelativePath schreibgeschützte Eigenschaft des File-Interfaces enthält einen String, der den Pfad der Datei relativ zu dem Verzeichnis angibt, das der Benutzer in einem <input>-Element mit gesetztem webkitdirectory-Attribut ausgewählt hat.

Wert

Ein String, der den Pfad der Datei relativ zu dem übergeordneten Verzeichnis enthält, das der Benutzer ausgewählt hat.

Beispiel

In diesem Beispiel wird ein Verzeichnis-Auswahlfenster dargestellt, das den Benutzer ein oder mehrere Verzeichnisse auswählen lässt. Wenn das change-Ereignis eintritt, wird eine Liste aller Dateien innerhalb der ausgewählten Verzeichnishierarchien erstellt und angezeigt.

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

BCD tables only load in the browser