Question

我使用dropzone.js将图片上传到服务器现在我希望能够删除dropzone中刚刚上传的图像。

我的dropzone配置：

Dropzone.options.myAwesomeDropzone = {
   paramName: "file",
   maxFilesize: 10,
   url: '/test',
   maxFiles: 3,
   accept: function (file, done) {
      console.log(file);
      if (file.type !== "image/jpeg" && file.type !== "image/png" && file.type !== "application/pdf") {
        done("Error! Files of this type are not accepted");
      }
      else { done(); }},
   addRemoveLinks: true
};

addRemoveLinks: true启用缩略图上的删除按钮，但这只会删除dropzone中的缩略图。实际文件仍在服务器上。

上传代码：

  foreach (string s in Request.Files)
  {
     _file = Request.Files[s];
     var pathToFile = Path.Combine(physicalPathToDirectory, _file.FileName);

     _file.SaveAs(pathToFile);

   }

Answer 1

您需要向dropzone选项对象添加init函数，并侦听removedfile事件。

init: function() {
    this.on("removedfile", function(file) {
        //add in your code to delete the file from the database here 
    });
}

这就是文档中的所有内容。查找“收听活动”部分以获取更多信息。 http://www.dropzonejs.com/

Dropzone删除服务器上传的图像

1 个答案: