javascript - 如何停止在 dropzone 上上传第二张图片？

Question

我有这个样本:

link

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>

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
}

在我的示例中如何执行此操作？ 我需要一个变量来存储是否有文件？

提前致谢!

Answer 1

使用maxFiles。

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

来自 DropZone.js

<强> CodePen