Блог

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

Загрузка нескольких файлов работает отлично, но теперь я хочу удалить конкретный файл с определенным индексом.

 window.onload = () => {

    uploadedfiles = function () {
        var input = document.getElementById('files');
        var children = "";
        for (var i = 0; i < input.files.length;   i) {
            var click = removeFile(i);
            children  = '<li data-index="'   (i)   '"> <a onclick="'   click  '" href="javascript:void(0)">'   input.files.item(i).name   '</a><i class="fas fa-times-circle delete" id="'   input.files.item(i).name   '"></i></li>';
        }
        $("#fileslist").html(children);
    }

    removeFile = function (i) {
        console.log(i);
    }

}
 

В настоящее время не удается removeFile() динамически добавлять функции. В цикле он становится неопределенным.

Кто-нибудь может сказать мне, что здесь происходит не так?