我有这个样本:
代码HTML:
<div class="dropzone dz-clickable" id="myDrop">
<div class="dz-default dz-message" data-dz-message="">
<span>Upload or drag patient photo here</span>
</div>
</div>
CODE JS:
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#myDrop", {
acceptedFiles: ".png,.jpg",
addRemoveLinks: true,
url: "#"
});
var fileName = $('#profilePicture').val();
var mockFile = { name: fileName, size: 12345 };
myDropzone.options.addedfile.call(myDropzone, mockFile);
myDropzone.options.thumbnail.call(myDropzone, mockFile, "https://lh3.googleusercontent.com/-eubcS91wUNg/AAAAAAAAAAI/AAAAAAAAAL0/iE1Hduvbbqc/photo.jpg?sz=104");
如果已有文件,如何禁用图片上传?
我想要类似的东西:
if(image exist){
disabled upload
}else{
enabled upload
}
我怎么能在我的例子中这样做? 如果有文件,我需要一个变量来存储吗?
提前致谢!
答案 0 :(得分:1)
使用maxFiles
。
maxFiles:1,
init: function() {
this.on("maxfilesexceeded", function(file) {
this.removeAllFiles();
this.addFile(file);
});
}
来自 DropZone.js
<强> CodePen 强>