如何从dropzone.js上传和删除文件 [英] how to upload and delete files from dropzone.js

问题描述

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

I have used the below code the image has been deleted but the thumbnail image still showing.

 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); 
    });
  }

推荐答案

要删除缩略图，你必须启用
addRemoveLinks：true，
并使用dropzonejs中的removedfile选项

For deleting thumbnails you have to enable addRemoveLinks: true, and to use "removedfile" option in dropzonejs

removedfile：每当文件调用从列表中删除。如果您愿意，可以收听此信息并从服务器中删除该文件。

removedfile: Called whenever a file is removed from the list. You can listen to this and delete the file from your server if you want to.

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

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

I also added an ajax call for delete script and it looks like this:

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;        
              }

它适合我，所以我希望它有所帮助。

It works on my side, so I hope it helps.

这篇关于如何从dropzone.js上传和删除文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！