Eliminar archivos no deseados de la lista de archivos

Al trabajar con una aplicación de carga de archivos HTML5 de arrastrar y soltar, puede encontrarse con una situación en la que debe eliminar ciertos archivos de la Lista de archivos seleccionada. Si bien puede parecer sencillo, no es posible eliminar archivos individuales directamente de la lista. Esto se debe a que el atributo FileList está definido como de solo lectura en la interfaz HTMLInputElement.

Sin embargo, tienes una opción alternativa. Para eliminar todos los archivos de FileList, puede establecer explícitamente la propiedad de valor del elemento de entrada en una cadena vacía. Aquí hay un ejemplo de código:

document.getElementById('multifile').value = "";

Como el valor vacío eliminará todos los archivos del elemento de entrada, es esencial tenga en cuenta que este enfoque elimina la lista completa. Si necesita un control más granular, deberá implementar comprobaciones en su código que interactúa con FileList. Si bien esto puede parecer engorroso, le permite conservar archivos específicos y descartar otros.