【发布时间】:2018-10-28 06:40:53
【问题描述】:
我正在使用Dropzone JS plugin 在我的服务器上上传和管理图像。一切都很好,但现在我需要强制用户为产品保留至少一张图片。这意味着如果用户想要更改图像,他们需要在删除旧图像之前上传一张新图像。
我可以在服务器端管理它,但我想不出一种方法来保持缩略图可见并通知用户他们不允许删除最后一个。仅将图像保留在服务器上而不告诉用户发生了什么会导致糟糕的用户体验。
这是我的代码
$("div#myId").dropzone({
url: "/stores/sell_upload/",
maxFiles: 4,
acceptedFiles: "image/*",
addRemoveLinks: true,
renameFile: function(file) {
let newName = file.name.replace("." + file.name.split(".").pop(), "") + "-" + new Date().getTime() + "." + file.name.split(".").pop();
return newName;
},
removedfile: function(file) {
$.ajax({
type: "POST",
url: "/stores/sell_upload/",
data: {
name: file.name,
action: "delete"
}
});
var _ref;
return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
}
});
【问题讨论】:
标签: javascript jquery dropzone.js dropzone