File.webkitRelativePath

La propiedad File.webkitRelativePath de solo lectura contiene un USVString el cual especifica la ruta relativa del archivo al directorio seleccionado por el usuario en un elemento <input> con su webkitdirectory atributo definido.

var rulaRelativa = File.webkitRelativePath

Un USVString conteniendo la ruta del archivo relativa al directorio padre seleccionado por el usuario.

En este ejemplo,un seleccionador de directorios es mostrado al usuario para permitirle seleccionar uno o mas directorios. Cuando el evento change ocurre, una lista de todos los archivos contenidos dentro de la gerarquia de directorio seleccionado es generado y mostrado.

<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
<ul id="listing"></ul>

document.getElementById("filepicker").addEventListener("change", function(event) {
  let output = document.getElementById("listing");
  let files = event.target.files;

  for (let i=0; i<files.length; i++) {
    let item = document.createElement("li");
    item.innerHTML = files[i].webkitRelativePath;
    output.appendChild(item);
  };
}, false);

Esta API no tiene especificacion W3C o WHATWG.

• Entidades "Archivo" y "Directorio" en la API
• HTMLInputElement.webkitEntries
• HTMLInputElement.webkitdirectory