jquery - maxNumberOfFiles 选项在 jquery 文件 uploader 中不起作用

Question

我似乎无法限制可以上传的文件数量。 https://github.com/blueimp/jQuery-File-Upload/wiki/Options

我使用拖放的方法，以及浏览器搜索的方法。在维基中，我读到有必要使用“maxNumberOfFiles”选项并删除“multiple”属性，但它不会改变，总是可以删除多个文件。除了代码之外，我找不到有关“maxNumberOfFiles”选项的信息。

脚本

var dropZonebox = $('#dropzone');
$('#fileupload').fileupload({
    url: fund_upload_url,
    dataType: 'json',   
    dropZone: dropZonebox,
    maxNumberOfFiles: 1
});

Answer 1

我遇到了同样的问题，最后选择了这个:

将 singleFileUploads 设置为 false :这可以确保如果用户删除 3 个文件，add 不会对一个文件调用 3 次，而是对 3 个文件调用 1 次。

然后你可以在add参数中自己处理文件的数量。

以下是我所做的，如果多个文件被删除(放置区中闪烁的红色背景)会产生一点效果:

$('.fileToUpload').each(function () { // Multiple input file
    $(this).fileupload({
        url: '...',
        dataType: 'json',
        dropZone: $(this),
        singleFileUploads: false,
        add: function (e, data) {
            var targetName = data.paramName;
            $('#'+targetName+'Dropzone').removeClass('hover');
            if (data.files.length > 1) {
                $('#'+targetName+'Dropzone').addClass('dropzone-error');
                setTimeout("$('#"+targetName+"Dropzone').removeClass('dropzone-error')",300);
                return;
            }
            var jqXHR = data.submit(); // Catching the upload process of every file
            $('#'+targetName+'Cancel').on('click',function(e){
                  jqXHR.abort();
            });
        },
        ...