Datei: webkitRelativePath-Eigenschaft

Baseline 2025

Neu verfügbar

Seit August 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

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.

In diesem Artikel

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

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`;
  }
});

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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

File and Directory Entries API
File
Konstruktor
1. File()
Instanzeigenschaften
Vererbung
1. Blob
Verwandte Seiten für File and Directory Entries API

Datei: webkitRelativePath-Eigenschaft

In diesem Artikel

Wert

Beispiel

HTML

JavaScript

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN