javascript - 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 为真，用于取消上传链接的文本。
• dictCancelUploadConfirmation:如果 addRemoveLinks 为真，取消上传时用于确认的文本。
• dictRemoveFile:如果 addRemoveLinks 为真，则用于删除文件的文本