0
150
Vistaseliminar/agregar archivos dinámicamente al campo de carga
Tengo este campo de entrada para cargar archivos:
<input onchange="getFiles()" type="file" name='files[]' id="customFile" multiple />Al hacer clic, puedo seleccionar varios archivos para cargar. Al cambiar, la función getFiles comienza:
function getFiles() { console.log( $('#customFile').get(0).files ) }lo que me muestra este resultado:
Estos son mis dos archivos de ejemplo. Pero si olvidé un archivo para cargar, podría agregar este archivo con un nuevo proceso de carga. El problema es que si vuelvo a hacer clic en mi campo de carga y selecciono el archivo olvidado, anulará los otros 2 archivos seleccionados antes.
En mi "FileList" solo estarán los últimos seleccionados. ¿Hay alguna forma de agregar un archivo en lugar de seleccionar los 3 archivos nuevamente para cargarlos?
1 Respuestas
Responde la pregunta0
Es posible que desee guardar los archivos cargados previamente en una matriz local y enviarlos dentro del controlador de eventos "getFiles". Algo como esto:
const uploadedFiles = []; function getFiles() { uploadedFiles.push(...$('#customFile').get(0).files); }También podría ser una buena idea referirse a la entrada del archivo usando "this" con