jquery - Blueimp 文件上传一项请求 - 文件未发送

Question

我有一个表单，允许在动态添加到表单的各个字段中上传文件。我正在使用 Blueimp 的 jQuery 文件上传插件。我正在尝试在一个请求中发送多个文件。我不希望发送多个请求。当我提交表单时，要上传的文件不包含在请求中。我在 add 方法中将它们维护在 filesList 数组中，并确保覆盖现有值。然后我使用发送选项发送文件。不过，它们没有包含在 ajax 帖子中。我缺少什么？我在网上看到其他人试图实现这一目标。但是，我还没有找到可靠的工作示例。下面是我的代码:

  var fileList = [],
    exists = false;

$form.fileupload({
    autoUpload: false,
    singleFileUpload: false,
    url: '/handler.php',
    add: function(e, data) {
        exists = false;
        for(var i = 0, len = filesList.length; i < len; i++) {
            if(filesList[i].paramName === data.paramName) {
                // file already exists for this param, replace it
                exists = true;
                filesList[i] = data;
                break;
            }
        }

        // no file exists for this param, add it to array
        if(!exists) {
            filesList.push(data);
        }

        $form.off('submit').one('submit', function(e) {
            $form.fileupload('send', {
                files: filesList
            });

            return false;
        });
    }
})

Answer 1

我认为您的问题是该选项是带有“s”的singleFileUploads。

来自documentation :

单个文件上传

默认情况下，选择的每个文件都是使用 XHR 类型上传的单独请求来上传的。将此选项设置为 false 可在每个请求中上传文件选择。

注意:通过一个请求上传多个文件需要将 multipart 选项设置为 true(默认值)。

类型: bool 值默认值:true