Dropzone.js,如何在动作URL终止后刷新页面

时间:2017-09-12 09:08:32

标签: dropzone.js cloudconvert

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

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

我找不到强制dropzone.js等待行动完成的方法。

任何想法?

1 个答案:

答案 0 :(得分:0)

由于我的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>