blueimp 插件在每次后续上传时上传多个文件答案

【问题标题】：blueimp plugin uploads multiple files on each subsequent uploadblueimp 插件在每次后续上传时上传多个文件
【发布时间】：2015-06-04 08:26:15
【问题描述】：

我正在尝试使用 blueimp 控件仅上传单个文件（就像普通的 HTML 文件上传一样）。但是，文件上传完成后，我选择了一个不同的文件，之前的文件与新文件一起再次上传。随后，每次我选择一个文件后，都会不断上传多个文件（以前选择的文件）。

截图说明：

我该如何解决这个问题？

这是我的 javascript 初始化代码：

$().ready(function(){

$('#fileupload').fileupload({
    dataType: 'json',
    maxChunkSize:0,
    singleFileUploads: true,
    autoUpload:false,
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        //console.log();
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
    },
    add: function (e, data) {
        $("#start-sql-upload").on('click', function () {
            data.submit();
        });
    }
});

});

还有我的上传表单：

<form>
    <input id="fileupload" type="file" name="files" data-url="http://localhost/database/upload">

    <button type="button" class="btn btn-info btn-sm" id="start-sql-upload">Upload File</button>
</form>

请帮忙。

【问题讨论】：

这里有同样的问题。我目前的解决方法是使用发送而不是添加

标签： javascript php jquery file-upload blueimp

【解决方案1】：

我遇到了同样的问题，并且我相当确定设置 maxNumberOfFiles 选项可以解决此问题。如：

maxNumberOfFiles: 1

使用您的代码：

$('#fileupload').fileupload({
dataType: 'json',
maxChunkSize:0,
singleFileUploads: true,
autoUpload:false,
maxNumberOfFiles: 1,
progressall: function (e, data) {
    var progress = parseInt(data.loaded / data.total * 100, 10);
    //console.log();
    $('#progress .bar').css(
        'width',
        progress + '%'
    );
},
add: function (e, data) {
    $("#start-sql-upload").on('click', function () {
        data.submit();
    });
}

});

【讨论】：

【解决方案2】：

删除 maxChunkSize:0,

该属性是对传递参数的文件大小进行分段。

【讨论】：

【解决方案3】：

这应该可以解决它：

add: function (e, data) {
    $("#start-sql-upload").off('click').on('click', function () {
        data.submit();
    });
}

【讨论】：