HTML5: Ordner Name aus File Input bestimmen

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