Dropzone 配置删除选项

【问题标题】：Dropzone configure for delete optionDropzone 配置删除选项
【发布时间】：2017-09-20 09:47:55
【问题描述】：

我添加了下面的dropzone代码

<html>

<head>   

<!-- 1 -->
<link href="dropzone.css" type="text/css" rel="stylesheet" />

<!-- 2 -->
<script src="dropzone.js"></script>>

</head>

<body>

<!-- 3 -->
<form action="upload.php" class="dropzone"></form>

</body>

</html>

而且效果很好。但我想知道如何添加删除按钮以从服务器中删除特定文件。

【问题讨论】：

标签： javascript php dropzone.js

【解决方案1】：

首先您必须在 dropzone 配置中添加选项 addRemoveLinks: true

然后我们监听文件何时被删除的事件，并执行 Ajax 调用以从服务器中删除它（在这里我只是发送文件名），然后在那里执行删除文件的代码隐藏。

  Dropzone.autoDiscover = false;

  myDropzone = new Dropzone("#DzUpload", {
                    url: 'upload.php',                       
                    addRemoveLinks: true, //This will show remove button                     
                });
  //Init Dropzone
  myDropzone.on("removedfile", function (file) {
                if (!file.name) { return; } // The file hasn't been uploaded
                $.ajax({
                    type: 'POST',
                    url: 'delete.php',
                    dataType: "json",
                    data: { FileName: file.name },
                    success: function (result) {                            
                       console.log("deleted")
                    }
                });
            });

【讨论】：