拖放区从服务器中删除上传的图像

本文关键字:图像 删除 服务器 拖放区 | 更新日期: 2023-09-27 18:33:19

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

我的拖放区配置:

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启用缩略图上的删除按钮,但这只会删除拖放区域中的缩略图。实际文件仍保留在服务器上。

上传代码:

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

拖放区从服务器中删除上传的图像

您需要向 dropzone options 对象添加一个 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/