拖放区从服务器中删除上传的图像
本文关键字:图像 删除 服务器 拖放区 | 更新日期: 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/