javascript - blueimp 插件在每次后续上传时上传多个文件

Question

我正在尝试使用 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>

请帮忙。

Answer 1

我也遇到了同样的问题，并且我相当确定设置 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();
    });
}

});