Javascript 如何停止在dropzone上上载第二个图像？

我有这个样本：

代码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>

    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
}

在我的示例中，我如何做到这一点？ 我需要一个变量来存储是否有文件

---

提前谢谢

使用

maxFiles

maxFiles:1,
init: function() {
      this.on("maxfilesexceeded", function(file) {
            this.removeAllFiles();
            this.addFile(file);
      });
}    

来自

---

不适合你用任何方式添加图片，请尝试编辑示例Dude，在你的代码笔中，你没有写“maxFiles”，而是写了“maxFiles”。我不明白问题是什么，我们添加了adoua MAXFILES，但可以添加图片。。。试着看看你在这里是否成功，请把link@D.Cristi我添加了代码笔链接，你只需要上传一个文件，如果你浏览多个文件，就会显示错误。是的，你的例子可以添加你想要的任意多的图片。。。没有测试？我想要一张照片，如果有只允许你添加