Question

我必须知道用户何时一次选择多个文件。问题是Dropzone没有addedmultiple事件。

背景

我想延迟制作单个文件的动画，因此它们会一个接一个地出现。为此，我必须知道已经选择了多少文件，所以我可以这样做：

dz.on('addedmultiple', function(files){
    files.forEach(function(file, index){
        var fileBox = $(file.previewElement).hide();

        setTimeout(function(){
            fileBox.fadeIn('fast');
        }, index * 100);
    });
});

我可以添加一个全局变量和addedfile事件来计算文件，然后设置超时来重置该变量。但这并不是那么好。无论如何，任何想法都会受到赞赏。

Answer 1

在问哈哈哈之后找到答案。

Dropzone有一个名为selectedfiles的未记录事件。所以我的方法结束了这样的事情：

dz.on('selectedfiles', function(files){
    $(files).each(function(index){
        this.delay = index * 100;
    });
});

dz.on('addedfile', function(file){
    var fileBox = $(file.previewElement).hide();

    setTimeout(function(){
        fileBox.fadeIn('fast');
    }, file.delay);
});

希望这能帮助其他有相同需求的人。

用于选择多个文件的Dropzone事件

1 个答案: