Question

我有这个样本：

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

我怎么能在我的例子中这样做？如果有文件，我需要一个变量来存储吗？

提前致谢！

Answer 1

使用maxFiles。

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

来自 DropZone.js

<强> CodePen

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

1 个答案: