Tuvo una mínima suerte.
En el siguiente fragmento de código, primero traté de evitar la propagación de eventos para que no se cargara todavía.
Tenía las siguientes suposiciones.
<html> <input id="file-input" type="file"> </html> ... <script> let ignoreEventForSecondTime = false document.getElementById("file-input").addEventListener("click", (event) => { if (!ignoreEventForSecondTime) { event.stopImmediatePropagation() // Don't actually upload yet const input = event.target validate(input.files) // I only want this to run after users have picked the files ignoreEventTheSecondTime = true // Don't run this block after I refire the event input.dispatchEvent(event) // The intention is to let whatever event listener handle uploading the files afterwards. } else { ignoreEventTheSecondTime = false } }, { capturing: true }) </script>Esto parece haber funcionado. El problema era que no podía simplemente enviar el mismo evento desde el que detuve la propagación, además de cambiar del controlador 'clic' al controlador 'cambiar' para poder ver los archivos después de que se haya completado el cuadro de diálogo del archivo.
<html> <input id="file-input" type="file"> </html> ... <script> let ignoreEventForSecondTime = false document.getElementById("file-input").addEventListener("change", (event) => { // LINE CHANGED if (!ignoreEventForSecondTime) { event.stopImmediatePropagation() // Don't actually upload yet const input = event.target validate(input.files) ignoreEventTheSecondTime = true // Don't run this block after I refire the event input.dispatchEvent(new Event('change', event)) // LINE CHANGED } else { ignoreEventTheSecondTime = false } }, { capturing: true }) </script>