javascript - Init Dropzone with files 不强加 maxFiles 的限制

Question

当我用其中的文件初始化 Dropzone 时，知道 maxFiles 设置为 1，在出现 maxfilesexceeded 错误之前，我仍然能够向 dropzone 添加 1 个额外的文件.

下面是 dropzone 初始化的示例:

<div id="pdfs-dz" class="dropzone">
    <div class="dz-default dz-message">Drop PDFs here</div>
</div>

<script>
pdf_files = ['afile.pdf']

Dropzone.autoDiscover = false;

$('#pdfs-dz').dropzone({
    url: '/add-file/pdfs/',
    acceptedFiles: 'application/pdf',
    maxFilesize: 5,
    maxFiles: 1,
    error: function (file, response) {
        console.log('Upload failed');
        console.log(response);
        this.removeFile(file);
        $(file['previewElement']).remove();
    },
    init: function () {
        dz = this;
        pdf_files.forEach(function (val, index) {
            mockFile = {name: val, uploaded_name: val};
            dz.emit('addedfile', mockFile);
            dz.emit('complete', mockFile);
            $(dz.element).find('.dz-size').remove();
            dz.files.push(mockFile);
        });
    }
});
</script>

我当然在那里使用 jQuery。 pdf_files 中的文件列表是从后端生成的，我将 maxFiles 限制更改为 1，以便更容易解释问题。

Dropzone 通常对我来说工作得很好，它只是这个 maxFiles 限制，除非用户删除文件但不使用此初始化，否则不会强制执行。

那么我是不是遗漏了什么，或者这是一个错误？

Answer 1

我遇到了同样的问题，我通过向 mockFile 添加 accepted: true 解决了这个问题。

mockFile = {name: val, uploaded_name: val, accepted: true};