Dropzone-如何使div到dropzone（非窗体）和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>

..问题是我不知道使dropzone提交的jquery方法（Dropzone.processQueue（）;）我只知道javascript方法。 但我也不知道将div元素转换为dropzone的javascript方法。 我应该怎么做？

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();
   });
});