javascript - BlueImp Jquery 上传 - 从 data.files 获取索引

Question

如何从以下代码中获取索引值？

add: function (e, data) {
    $.each(data.files, function (index, file) {
        alert('Added file: ' + index + " -- " + file.name);
});

即使我有 (3) 个文件，INDEX 总是返回 (0)。 FILE.NAME 有效，我能够看到所有 (3) 个文件。

这是输出:

• 已添加文件:0 -- dog.jpg
• 已添加文件:0 -- cat.jpg
• 已添加文件:0 -- honeybadger.jpg

这是我期望/期望的结果:

• 已添加文件:0 -- dog.jpg
• 添加文件:1 -- cat.jpg
• 添加文件:2 -- honeybadger.jpg

经过一些调试后，表单似乎被提交了 (3) 次，这就是为什么每个文件我都得到 (0) 次。另外，我已经从 GIT WIKI 复制了代码，但没有成功。

希望 BlueImp 专家可以提供帮助。

更新代码:下面的代码现在返回每个索引

$('#fileUpload1').fileupload(
{
    replaceFileInput: false,
    dateType: 'json',
    url: 'Handlers/AjaxFileHandler.ashx',
    singleFileUploads: false,
    autoUpload: false,
    add: function (e, data) {
        $('#upLoadButton').click(function () {
            $.each(data.files, function (index, file) {
                alert('Added file: ' + index + " -- " + file.name);

                var v = $('input[data-id=' + index + ']').val();
                var d = $('select[data-id=' + index + ']').val();
                alert('textField:' + v + '  selected: ' + d);               
            });

            data.submit();

        });
    },
});

});

Answer 1

您没有正确使用 Add 方法函数回调。事实上，默认情况下，每个文件都会触发此事件。表示文件而不是文件数组的数据。您需要将 singleFileUploads 设置为 false 以获得您想要的内容，如下例所示:

$('#fileupload').fileupload({
        previewSourceMaxFileSize: 0,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png|bmp|svg|wmv|avi|mpe?g|mp4|ppt|pps)$/i,
        global:false,
        singleFileUploads:false, //set this to false to handle multi files upload behaviour
        add:function (e, data) {
            $.each(data.files, function (index, file) {
                alert('Added file: ' + index + " -- " + file.name);
            });
        },
        autoUpload: false
    });