Как сохранить данные из входного файла, в массив словаря jQuery

Question

Я работаю с множественным вводом файлов и хочу сохранить в массив словаря значения из ввода файлов.

Для этого я создал скрипт:

var imageArray = [];

$(document).on("click", ".attach-img", function () {
    $('#imgupload').click();
    $("#imgupload").on('change', (event) => {
        value = event.target.files[0].name;
        var imageLink = `<a href="${window.URL.createObjectURL(event.target.files[0])}" target="_blank">${value}</a><i class="fa fa-remove image-remove"></i>`;
        imageArray.push({ id: liId, imageName: value, imageLink: imageLink });
    });

});

, но после каждого нажатия кнопки, это дублирует значения массива.

Как я могу это исправить?