Datei: webkitRelativePath-Eigenschaft

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