Estoy tratando de cargar un archivo desde el campo de entrada y quiero almacenarlo en una matriz.

 Upload : <input type="file" name="upload" #uploadFile> <button (click)="storeFile(uploadFile)">Store file</button>

Ahora, cada vez que el usuario quiere hacer clic en el archivo de la tienda, estoy llamando a esta función

 listOfFile: Array<FileList> = []; storeFile(inputField: HTMLInputElement) { this.listOfFile.push(inputField?.files); console.log(this.listOfFile) }

El código anterior funciona bien en Chrome. Sin embargo, si mira en la consola de Firefox, verá que el valor de la matriz se anula. No pude entender por qué Firefox no funciona.

También he creado una aplicación de muestra en stackBlitz . Por favor, eche un vistazo a eso desde su Firefox. Para ver el problema, cargue un archivo y haga clic en el botón almacenar e inspeccione la consola. Ahora intente cargar otro archivo e inspecciónelo desde Firefox. Verá entonces, el primer valor se sobrescribe.