0 0 Stimmen

HTML5: Ordner Name aus File Input bestimmen

Frage von Gast | 22.09.2016 um 15:16 Uhr

Ich habe das Tutorial gelesen, wie man mit HTML 5 ein File Input mit einer Ordner-Auswahl realisieren kann.

Nun frage ich mich, ob es auch irgendeine Möglichkeit gibt, an den Namen des ausgewählten Ordners zu kommen. Mit der Eigenschaft "name" bekomme ich ja nur den Dateinamen der Datei ohne Ordner.

Kennt da jemand einen Weg?

AntwortenPositivNegativ

Stefan Trost

Profil anzeigen | Nachricht
Avatar
0Beste Antwort
0 Stimmen

Ja, du kannst die Eigenschaft .webkitRelativePath dazu benutzen.

Ich habe das Beispiel aus dem Tutorial um das Auslesen dieser Eigenschaft ergänzt:

for (var i = 0; i < e.target.files.length; i++) {
  var s = e.target.files[i].name + '\n';  
  s += e.target.files[i].size + ' Bytes\n';
  s += e.target.files[i].type + '\n';
  s += e.target.files[i].webkitRelativePath;
  alert(s);
}

Mit e.target.files[i].webkitRelativePath wird nun die Datei zusammen mit ihrem Ordner angezeigt.

Solltest du nur an dem Ordner interessiert sein, kannst du den folgenden Code nutzen:

var relpath = e.target.files[i].webkitRelativePath;
var folder = relpath.split("/");
alert(folder[0]);

Den relativen Pfad speichern wir hier zunächst in der Variable relpath. Anschließend benutzen wir .split() um nur den Ordnernamen zu erhalten und den Dateinamen abzuschneiden. Während der relative Pfad zum Beispiel "ordner/datei.dat" sein könnte, erhalten wir damit nur "ordner".
22.09.2016 um 15:45 Uhr

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

Wichtiger Hinweis

Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.