dropzone js用删除按钮链接删除url

在Dropzonejs我创建删除按钮，然后将其附加到缩略图，我如何通过使用addRemoveLinks:true直接链接我从服务器geeting的url删除按钮addRemoveLinks:true ，

 //Write function if you need to add some event after files added myDropzone.on("addedfile", function(file) { console.log('Files Added using ---------->'+$attrs.apiCall); var _this=this; /* Maybe display some more file information on your page */ var removeButton = Dropzone.createElement("-Remove file"); removeButton.addEventListener("click", function(e) { e.preventDefault(); e.stopPropagation(); _this.removeFile(file); }); file.previewElement.appendChild(removeButton); }); 

Answer 1

您可以添加删除链接..在添加的文件事件中，您可以在服务器响应中获取URL并将其设置为删除链接。

  myDropzone.on("addedfile", function (file) { var _this = this; /* Maybe display some more file information on your page */ var removeButton = Dropzone.createElement(""); removeButton.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); var server_file = $(file.previewTemplate).children('.server_file').text(); // Do a post request and pass this path and use server-side language to delete the file // $.post(server_file,{'X-CSRFToken': $cookies.csrftoken}, 'json'); $http({ method: 'POSt', url: server_file, headers: { 'X-CSRFToken': $cookies.csrftoken } }); _this.removeFile(file); }); file.previewElement.appendChild(removeButton); }); 

Answer 2

这适用于Dropzone 5.0.0

Answer 3

加

 addRemoveLinks: true, 

然后在里面使用以下内容

 init: function () {} 

当你单击dz-remove时，它会转到它的父级，然后查找图片ID所在的span元素的文本。

使用$ ajax将imageId发送到您的操作并执行您想要的操作。 注意：我在这里使用toastr来获取用户通知。

 $(".dz-remove").on("click", function (e) { e.preventDefault(); e.stopPropagation(); var imageId = $(this).parent().find(".dz-filename > span").text(); $.ajax({ url: "Your url here", data: { imageId: imageId}, type: 'POST', success: function (data) { if (data.NotificationType === "Error") { toastr.error(data.Message); } else { toastr.success(data.Message); }}, error: function (data) { toastr.error(data.Message); } }) }); 

希望这有助于你兄弟:)