我使用 Dropzone 上传文件客户端。我已经使用 JQuery 以编程方式设置了 Dropzone,我希望能够将其分离,以便用户无法再上传文件。我的理想解决方案是简单地使其不可点击,然后应用默认消息向用户表明他们已超过上传次数。
这是一个简单的例子:
http://www.dressorganic.co.uk/dropzone-test/turn-off-dropzone-after-load.htm
在这里,我尝试在成功事件后使其无法点击,但没有任何 react 。
这是一个链接,指向我在成功上传后实际想要的样子:
http://www.dressorganic.co.uk/dropzone-test/dropzone-disabled.htm
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Turn off Dropzone after load</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/dropzone-test/dropzone/4.0.1/dist/min/dropzone.min.js"></script>
<link rel="stylesheet" href="/dropzone-test/dropzone/4.0.1/dist/min/dropzone.min.css">
<script type="text/javascript">
//<![CDATA[
$(function() {
$("#upload1").dropzone({
createImageThumbnails : false,
url: "/dropzone-test/handleupload.asp",
acceptedFiles : ".jpg,.jpeg,.png,.gif",
dictDefaultMessage : "Click here or drag and drop files to upload",
addRemoveLinks : false,
success : function(file) {
this.removeAllFiles();
$("#upload1").dropzone({
clickable : false,
url: "/dropzone-test/handleupload.asp",
dictDefaultMessage : "You have exceeded the number of uploads, please remove existing to add more"
});
},
});
}); // JQuery
//]]>
</script>
</head>
<body>
<div id="singleproductload">
<div id="upload1" class="dropzone">
</div>
</div>
</body>
</html>
最佳答案
为什么不使用具有相同 CSS 的另一个 div 替换或隐藏该元素。尝试 remove 、 replaceWith 、 show 、 hide 或 toggle
关于jquery - 如何以编程方式分离 Dropzone?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30407120/