Dropzone - Как сделать div для dropzone (not form) и autoProcessQueue: false

Question

Я ищу метод, чтобы сделать div в dropzone, потому что я хочу, чтобы dropzone оставался внутри другой html-формы.

так что я нашел метод Jquery

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

     $("#mydropzone").dropzone({ 
     url: "path/to/file", 
     autoProcessQueue: false 
     }); 

    }); 

    $(document).on('click', '#btn_special', function() { 
    // enable auto process queue after uploading started 
    Dropzone.options.autoProcessQueue = true; 
    // queue processing 
    Dropzone.processQueue(); ///////////// it's not work /////// 
    }); 

</script> 

<form action="some_page.php" method="post"> 
<table> 
    <tr> 
     <td>Member Name</td> 
     <td><input type="text" name="member_name" /> </td> 
    </tr> 

</table> 

    <div class="dropzone dropzone-previews" id="mydropzone"> <!-- My dropzone stay at this --></div> 

    <button type="button" id="btn_special">Upload</button> 
    <input type="submit" name="submit_htmlform" value="submit" /> 
</form> 

.. проблемы, я не знаю, метод JQuery, чтобы сделать Dropzone представить (Dropzone.processQueue();) Я знаю только яваскрипт метода. но также я не знаю javascript-метод для преобразования элемента div в dropzone. Как мне это сделать?

Answer 1

Попробуйте изменить JS, как это:

jQuery(document).ready(function() { 
    var myDropZone = $("#mydropzone").dropzone({ 
    url: "path/to/file", 
    autoProcessQueue: false, 
    }); 
    $(document).on('click', '#btn_special', function() { 
     myDropZone.options.autoProcessQueue = true; 
     myDropZone.processQueue(); 
    }); 
});