我使用 Dropzone 来上传文件客户端。我已经使用 JQuery 以编程方式设置了 Dropzone，并且希望能够将其分离，以便用户无法再上传文件。我理想的解决方案是简单地使其不可点击，然后应用默认消息来向用户表明他们已经超出了上传数量。
这是一个简单的例子: http://www.dressorganic.co.uk/dropzone-test/turn-off-dropzone-after-load.htm
在这里，我尝试在成功事件后使其不可点击，但什么也没有发生。
这是一个链接，指向成功上传后我实际希望的样子: 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/