jquery dropzone删除按钮不起作用

Chi*_*thu 3 javascript php jquery dropzone.js

我使用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>
Run Code Online (Sandbox Code Playgroud)

我还写了上传图像的PHP代码,它正在工作.

问题是没有用于从放置区域移除图像的移除按钮.如何启用该按钮?

Car*_*les 7

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

要创建通过简单地使用dropzone类创建的dropzone的选项,您需要创建一个在表单id之后调用的对象.

Dropzone.options.myAwesomeDropzone = {
//options here
}
Run Code Online (Sandbox Code Playgroud)

要添加删除或取消按钮,您必须通过该选项 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>
Run Code Online (Sandbox Code Playgroud)

您还可以查看以下选项:

  • dictCancelUpload:如果addRemoveLinks为true,则用于取消上载链接的文本.
  • dictCancelUploadConfirmation:如果addRemoveLinks为true,则取消上传时用于确认的文本.
  • dictRemoveFile:如果addRemoveLinks为true,则用于删除文件的文本