WebkitRelativePath

Uploading folders with directory structure intact.

by Sapphion

HTML

<input type="file" id="files" name="files[]" multiple webkitdirectory />
<div id="output"></div>

JavaScript

var input = document.getElementById('files');
var output = document.getElementById('output');

input.onchange = function(e) {
  var files = e.target.files; // FileList
    for (var i = 0, f; f = files[i]; ++i){
        console.debug(files[i].webkitRelativePath);
        output.innerText  = output.innerText + files[i].webkitRelativePath+"\n";
    }
}