dropzone.js - Dropzone.js，如何在action url终止后刷新页面

Question

我使用 Dropzone.js 将文件上传到我的服务器。我在现有表单中以编程方式创建拖放区。我的“url”参数将 $_FILES 数组发送到我的 dropzone.php 文件，该文件将提交的文件发送到 cloudconvert 以将它们转换为 pdf 文件。

Dropzone 在发送文件后立即刷新初始页面，不要等待我的 dropzone.php ($process->wait();) 中的正在运行的进程。

我找不到强制 dropzone.js 等到操作完成的方法。

任何想法 ？

Answer 1

由于我的 dropzone 表单位于另一个表单中，因此 dropzone 在文件上传后立即发送主表单，并且不要等待 dropzone 验证过程。

为了防止这种情况，我只允许在单击提交按钮时验证主表单。

<script>
$(document).ready(function() {
    Dropzone.autoDiscover = false;

    //Avoid form to be submitted by Dropzone
    var form_clicked = false;
    $('#submit_button').click(function() {
        form_clicked = true;
    });
    $("#submit_my_form").submit(function(e) {
        if(form_clicked != true){
           e.preventDefault();
        }
    });
    // Submit the main form to refresh page after file upload
    my_dropzone.on("successmultiple", function(file, responseText) {
        $('#submit_button').click();
    });
</script>