jquery dropzone删除按钮不起作用

Question

我使用dropzone插件创建了一个用于图片上传的拖放界面。

这是我正在使用的代码：

<script src="<?php echo base_url() ?>acc/assets/dropzone/dropzone.js"></script>

<form action="<?php echo base_url() ?>acc/assets/dropzone/upload.php" 
      class="dropzone" id="my-awesome-dropzone">
</form>

我还写了上传图片的 php 代码，它正在工作。

问题是没有用于从放置区域删除图像的删除按钮。如何启用该按钮？

Answer 1

您可以在此处阅读如何配置它：http://www.dropzonejs.com/#toc_6

对于您通过简单地使用 dropzone 类创建的 dropzone 的创建选项，您需要创建一个以表单 ID 命名的对象。

Dropzone.options.myAwesomeDropzone = {
//options here
}

要添加删除或取消按钮，您必须传递选项addRemoveLinks

<script src="<?php echo base_url() ?>acc/assets/dropzone/dropzone.js"></script>

Dropzone.options.myAwesomeDropzone = {
        addRemoveLinks: true

}

<form action="<?php echo base_url() ?>acc/assets/dropzone/upload.php" class="dropzone" id="my-awesome-dropzone"></form>

你也可以看看这个选项：

• dictCancelUpload：如果 addRemoveLinks 为 true，则用于取消上传链接的文本。
• dictCancelUploadConfirmation：如果 addRemoveLinks 为 true，则取消上传时用于确认的文本。
• dictRemoveFile：如果 addRemoveLinks 为 true，则用于删除文件的文本