Dropzone.js, как обновить страницу после прекращения действия URL

Я использую Dropzone.js для загрузки файлов на мой сервер. Я создаю дропзоны программно внутри существующей формы. Мой параметр "url" отправляет массив $_FILES в мой файл dropzone.php, который отправляет файлы, отправленные в cloudconvert, чтобы преобразовать их в файл pdf.

Dropzone обновляет начальную страницу сразу после отправки файлов и не ждет запуска процесса в моем dropzone.php ($process->wait();).

Я не могу найти способ заставить dropzone.js ждать, пока действие не будет выполнено.

Любая идея?

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>
Другие вопросы по тегам