Javascript Dropzone配置删除选项_Javascript_Php_Dropzone.js

Javascript Dropzone配置删除选项

javascript php

Javascript Dropzone配置删除选项,javascript,php,dropzone.js,Javascript,Php,Dropzone.js,我在下面添加了dropzone的代码 <html> <head>  <link href="dropzone.css" type="text/css" rel="stylesheet" />  <script src="dropzone.js"></script>> </head> <body>

我在下面添加了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>

而且效果很好。

但我想知道如何添加删除按钮以从服务器删除特定文件。

首先，您必须在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")
                    }
                });
            });