[SOLUCIONADO] Input de imagenes de diferentes carpetas

[Kursakez]

Tengo un formulario con un campo de carga que permite a los usuarios seleccionar varias imagenes.

Código:

<input type="file" id="imagenes" name="imagenes[]" multiple />

Sin embargo, debo poder permitir que el usuario seleccione la imagen 1 de la carpeta 1, luego vaya y seleccione la imagen 2 de la carpeta 2, y así sucesivamente.

Actualmente, cuando el usuario selecciona la imagen 1 de la carpeta 1 y luego pulsa "Abrir", la ventana de selección se cierra (dejando al usuario en mi formulario). Luego, si el usuario va y selecciona la imagen 2 de la carpeta 2 y pulsa el botón "Abrir", la imagen 1 se elimina, dejando solo la imagen 2.

Básicamente, el usuario no puede seleccionar varias imagenes a menos que estén todas en la misma ubicación. ¿Hay alguna manera de hacer que la imagen 1 permanezca seleccionada después de elegir la imagen 2?

[Alexis88]

Podrías guardar la referencia del archivo seleccionado en un arreglo. La API File te será muy útil en el proceso.

[Kursakez]

¡Gracias! Conocía la API File. Lo que hice fue guardar en un array la imagen codificada en base 64 procedente de Javascript y después decodificarla en PHP, siguiendo estos pasos: https://es.ourcodeworld.com/articulos/leer/4/como-guardar-una-imagen-en-formato-base64-generada-con-javascript-en-el-servidor-con-php

[caricatos]

Hola:

Tal hubiera sido más sencillo clonar el control input file.

Saludos

[Alexis88]

Iniciado por caricatos

[...] Tal hubiera sido más sencillo clonar el control input file [...]

Por la descripción de su problema (selección múltiple con una sola entrada), parece ser que quería evitar eso. También creo que sería más útil tener una entrada para cada directorio, pero supongo que por alguna razón quiso hacerlo así.

[alvaro_trewhela]

Y por que no haces una caja drag and drop donde puedas agregar y quitar elementos, sin recurrir a la ventana de seleccion:

Algo así:

https://css-tricks.com/drag-and-drop-file-uploading/