blueimp - 了解“文件添加”回调

Question

在以下示例中：https ://github.com/blueimp/jQuery-File-Upload/blob/master/basic-plus.html 我们可以找到以下回调：

}).on('fileuploadadd', function (e, data) {
    data.context = $('<div/>').appendTo('#files');
    $.each(data.files, function (index, file) {
        var node = $('<p/>')
                .append($('<span/>').text(file.name));
        if (!index) {
            node
                .append('<br>')
                .append(uploadButton.clone(true).data(data));
        }
        node.appendTo(data.context);
    });

我试图复制该代码，但不明白为什么该函数中有一个“每个”，因为每个上传的文件都会执行一次回调（所以如果我同时上传 3 个文件，回调将执行 3 次）。那么，为什么这里需要一个“每个”循环呢？在我看来，它总是会遍历一个元素：上传的文件。

请帮忙，我很绝望:(

Answer 1

我认为该函数内的每个循环都用于附加按钮和每个文件相关的内容示例文件名等......如果您注意到uploadButton 有一些附加的按钮和点击事件。