javascript - 当我设置上传图片的限制数量时，dropzone.js 应该如何考虑预加载图片？

Question

当我加载 dropzone.js 组件时，我预加载了一组图像，如 How do I preload images into dropzone.js 中所述。 .我的问题是我需要将最大上传限制为 5 张图片，但 dropzone 不计算我预加载的图片，所以我可以上传“更多五张图片”。如何解决？

Answer 1

这对我有用

var myDropzone = new Dropzone("#div",{
    addRemoveLinks: true,
    maxFiles: 5,
    init: function() {
        var thisDropzone = this;
        $.getJSON('/upload', function(data) { // get the json response
            $.each(data, function(key,value){ //loop through it
                var mockFile = { name: value.name, size: value.size };
                thisDropzone.options.addedfile.call(thisDropzone, mockFile);
                thisDropzone.options.thumbnail.call(thisDropzone, mockFile, value.url);
                thisDropzone.files.push(mockFile)       
            });
        });
    }
 });
myDropzone.on("maxfilesexceeded", function(file) {
  this.removeFile(file);
})


myDropzone.on("addedfile", function(file) {
    if(this.files.length > 5){
        for(var i=maxScreenshots;i<=this.files.length;i++)
            this.removeFile( this.files[i] )    
            alert("Maximum 5 Screenshot can be added")
            return;
    }
});