2

Quiero subir al servidor el contenido de una carpeta que ha de seleccionar mediante un input type file y para ello debo de especificar que quiero seleccionar carpetas y no archivos. Para ello he visto que existe una propiedad no oficial webkitdirectory que es compatible con Edge, Firefox y Chrome, pero que no lo es para IE11.

El caso es que el navegador que usan los usuarios de la aplicación es IE11 por lo que no puedo seguir por esta vía. He mirado temas de Drag and Drop pero igualmente veo que no son compatibles con IE11 y los ejemplos que he visto al final usan también webkitdirectory.

Existe alguna alternativa ??

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);
<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
<ul id="listing"></ul>

Un saludo.

1 respuesta 1

1

Lamentablemente la respuesta es que no se puede hacer tal cual quieres, es una limitación del navegador en sí y no se puede "parchear" de ninguna forma.

Lo más cercano sería que el input tuviera el atributo multiple para seleccionar varios ficheros, pero el usuario tendría que entrar carpeta por carpeta para seleccionarlos, en lugar de seleccionar una carpeta y que todo fichero en ese árbol se seleccionara

1
  • Gracias @Pablo Lozano, he visto la opción del multiple pero no es una opción viable.
    – RaulMetro
    Commented el 28 ago. 2019 a las 11:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.