Tengo un formulario básico de carga de archivos múltiples como: <input id="file_input" type="file" multiple/>
Cuando el usuario hace clic en "examinar...", se abre una ventana emergente del sistema operativo Windows (explorador de archivos), el usuario selecciona 3 archivos y luego hace clic en "Abrir". La ventana emergente se cierra, la entrada del archivo del navegador dice "3 archivos seleccionados", el usuario está listo para hacer clic en "Enviar" para cargar los archivos. Hasta aquí todo bien.
¿Cómo hago para que el usuario pueda AGREGAR más archivos a esta lista de 3, sin que tenga que seleccionar todos los archivos nuevamente, en caso de que haya perdido algunos archivos inicialmente? El comportamiento predeterminado del navegador cuando el usuario vuelve a hacer clic en "Examinar..." es borrar todos los archivos seleccionados inicialmente.
Tenga en cuenta que NO quiero usar una biblioteca existente, sino javascript puro. Sé que hay innumerables scripts de jquery o repositorios de github que buscan "carga de archivos múltiples".
No encontré nada relacionado con esto en los documentos de MDN: https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications o aquí: https://w3c.github.io/FileAPI
En este momento, estoy pensando en una solución sucia, como generar dinámicamente un nuevo formulario de carga en el DOM cuando el usuario hace clic en "Examinar ..." (o en el botón "agregar más archivos"). Debe haber soluciones más elegantes, ¿verdad?