0

我正在使用dropzone.jsAjax 上传图像。问题是我有以下 div 容器

<div id="images-container" class="ui-sortable dz-clickable">
  <div id="file-image">
    <p><b>Add images</b></p>
    <small>Click or drag&drop here</small>
  </div>
</div>

并dropzone.js初始化如下：

$("#file-image").dropzone();

我的CSS看起来像这样：

#file-image {
  border: 1px solid rgb(187, 187, 187);
  background: rgb(247, 247, 247);
  box-sizing: border-box;
  float: left;
  display: block;
  position: relative;
  z-index: 20;
  cursor:pointer;
}

问题是当我单击文本（添加图像或单击或拖放）时，无法激活插件。如何使整个#file-imagediv 可点击？

4

1 回答 1

1

我已将您的 div 更改为表单并添加了一个操作，它似乎工作正常。

HTML

<div id="images-container" class="ui-sortable dz-clickable">
  <form action="/action" id="file-image" class="dropzone">
    <p><b>Add images</b></p>
  </form>
</div>

这是官方网站的摘录 - “Dropzone 将找到所有具有类 dropzone 的表单元素，自动将自身附加到它，并将放入其中的文件上传到指定的操作属性。”

所以我认为你需要使用 action 属性来让它工作。

Codepen - https://codepen.io/anon/pen/aGKBgY

于 2018-05-13T06:46:55.367 回答