如何从dropzone.js上传和删除文件

Question

我使用了以下代码，图像已被删除，但缩略图仍然显示。

 Dropzone.options.myDropzone = {
  init: function() {
    this.on("success", function(file, response) {
      file.serverId = response;

    });
    this.on("removedfile", function(file) {
      if (!file.serverId) { return; }
      $.post("delete-file.php?id=" + file.serverId); 
    });
  }

Answer 1

要删除缩略图，您必须启用addRemoveLinks：true，并在dropzonejs中使用“ removedfile”选项

removefile：每当从列表中删除文件时调用。您可以听一下，并根据需要从服务器中删除文件。

addRemoveLinks: true,
removedfile: function(file) {
    var _ref;
    return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
  }

我还添加了一个ajax调用，用于删除脚本，它看起来像这样：

addRemoveLinks: true,
removedfile: function(file) {
    var name = file.name;        
    $.ajax({
        type: 'POST',
        url: 'delete.php',
        data: "id="+name,
        dataType: 'html'
    });
var _ref;
return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;        
              }

它对我有效，因此希望对您有所帮助。