Question

我正在使用dropzone.js，我正在尝试检查队列中是否还有文件。

我有一个带有dropzone的表单。通过单击表单的提交按钮，应首先上载文件，然后提交表单。我的JavaScript代码如下所示：

var fileDropzone = new Dropzone(document.getElementById('fileDropzone'),
    {
        url: uploadUrl,
        addRemoveLinks: true,
        autoProcessQueue: false,
        autoDiscover: false,
        dictDefaultMessage: transUploadFiles
    }
);
var success = false;

$('form.uploadForm').submit(function (e) {
    var that = this;
    var filesInQueue = fileDropzone.getQueuedFiles().length;

    if (!success && filesInQueue > 0) {
        e.preventDefault();
        fileDropzone.processQueue();
        fileDropzone.on("success", function () {
            fileDropzone.options.autoProcessQueue = true;
        });
        fileDropzone.on("queuecomplete", function (file) {
            success = true;
            $(that).submit();
        });
    }
});

要检查队列中是否有文件，我使用函数getQueuedFiles（），但这会导致控制台中出现“过多递归”错误。

如果队列中没有文件，则使用如下所示的if语句会导致console.log出现321次。

if(fileDropzone.getQueuedFiles().length === 0) {
    console.log("no files in queue");
}

我做错了什么或是否有其他可能性来检查队列中是否还有文件？

Answer 1

尝试将$(that).submit();替换为POJS that.submit();，保证提交表单而不重新触发onsubmit处理程序。

dropzone.js函数getQueuedFiles导致“过多的递归”

1 个答案: