jquery dropzone删除按钮不起作用

时间:2014-02-03 05:23:58

标签: 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>

我还编写了用于上传图像的PHP代码,它正在运行。

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

1 个答案:

答案 0 :(得分:7)

您可以在此处阅读如何配置它: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,则用于删除文件的文本