ajax 调用后 dropzone 不显示表单

Question

我正在使用 dropzone，我遇到了一个问题，即在我的 ajax 调用后 dropzone 没有检测到表单。在 ajax 的成功中，我尝试在放置表格后添加 Dropzone.discover();。

Ajax 调用：

$.ajax({
  type: 'POST',
  url: 'https://xxxxxxx/?controller=Sellers&action=showAllProducts',
  data: postData,
  success: function (data) {
    $('#showProducts').html(data);
    Dropzone.discover();
  },
  error: function (error) {
  }

});

data:

<div class="container-fluid">
  <div class="row">
    <?php
      foreach($products as $product){
    ?>
    <!--HTML starts here!!!-->
    <div class="col-md-3 col-sm-4" style="width:358px; height:676px;">
      <?php echo '<form action="app/public/templates/control_panel/upload.php"
class="dropzone"
id="myDropzone">
</form>';?>
      <!--HTML ends here!!!-->
    </div>
    <?php
}

echo '</div>';
echo '</div>';

现在我知道 dropzone 正在工作，因为当我将表单直接放在页面上时，它可以正常工作。我认为问题是我的表单在 dropzone 被触发后出现，但我尝试了很多东西但没有任何效果。

Answer 1

好吧，要使用发现功能，您必须在调用 Dropzone.discover() 之前将 autodiscover 设置为 false。

之后，您可以在 ajax 成功时调用 Dropzone.discover()。

ajax 调用后 dropzone 不显示表单

dropzone does not show form after ajax call

javascript

php

jquery

ajax

dropzone.js