jquery Добавить объект файла в объект FileList
Я пытаюсь создать простой загрузчик изображений для своего сайта, но у меня есть одна проблема. Когда я хочу добавить свое новое изображение к предыдущему выбранному изображению, я не могу сохранить старые выбранные изображения (потому что создан новый объект FileList), а затем отправить их все на мой контроллер, и моя проблема возвращается, добавляя старый "объект файла" в новый "FileList". Объекты'. HTML:
<div id="filediv">
<input type="file" id="file" name="files[]" multiple="multiple" />
</div>
сценарий:
window.filesToUpload = [];
window.tmp = [];
$("#file").on('change', function () {
"use strict";
if (window.filesToUpload.length > 0) {
$.each(window.tmp, function (i, img) {
я хочу добавить старый объект файла в новый объект FileList ЗДЕСЬ
});
}
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");
});
}
});