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

【问题标题】：How to stop upload a second image on dropzone?如何停止在 dropzone 上上传第二张图片？
【发布时间】：2016-03-07 07:12:05
【问题描述】：

我有这个样本：

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
}

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

提前致谢！

【问题讨论】：

标签： javascript jquery html dropzone.js

【解决方案1】：

使用maxFiles。

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

发件人 DropZone.js

CodePen

【讨论】：

不适合你放的任何方式我可以添加图片，尝试编辑示例
老兄，在您的 codePen 中，您没有写“maxFiles”，而是写了“maxfiles”。一定要驼峰式。
不明白是什么问题，我们加了adoua MAXFILES但是可以加个图片...试试看如果这里成功了请放链接
@D.Cristi 我添加了codePen链接，你只能上传一个文件，如果你浏览多个文件会显示错误。看看吧。
是的，您的示例可以添加任意数量的图像...未经测试？我想要一张图片，如果只允许你添加