Datei: webkitRelativePath-Eigenschaft

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

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>

JavaScript

js
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

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
webkitRelativePath

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch