我添加了以下 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")
}
});
});
关于javascript - Dropzone 配置删除选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46318707/