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

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);
});

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