Estoy tratando de crear un cargador de imágenes simple para mi sitio web, pero tengo un problema. Cuando quiero agregar mi nueva imagen a la imagen seleccionada anterior, no puedo contener imágenes seleccionadas antiguas (porque se creó un nuevo objeto FileList) y luego enviarlas todas a mi controlador y mi problema nuevamente, agregando el 'objeto de archivos' antiguo a la nueva 'Lista de archivos Objetos'. html:
<div id="filediv"> <input type="file" id="file" name="files[]" multiple="multiple" /> </div>guion:
window.filesToUpload = []; window.tmp = []; $("#file").on('change', function () { "use strict"; if (window.filesToUpload.length > 0) { $.each(window.tmp, function (i, img) {quiero agregar un objeto de archivo antiguo al nuevo objeto FileList AQUÍ
}); } if (this.files.length >= 1) { $("[id^=previewImg]").remove(); $.each(this.files, function (i, img) { window.tmp.push(img); var reader = new FileReader(), newElement = $("<div id='previewImg" + i + "' class='abcd'><img /></div>"), preview = newElement.find("img"); reader.onloadend = function () { preview.attr("src", reader.result); preview.attr("alt", img.name); }; try { window.filesToUpload.push(document.getElementById("file").files[i]); } catch (e) { console.log(e.message); } if (img) { reader.readAsDataURL(img); } else { preview.src = ""; } newElement.appendTo("#filediv"); }); } });