Dropzone - 多个实例获取id

时间:2017-08-18 08:45:10

标签: forms multiple-instances dropzone

我有多个dropzone表单

 <form action="/upload" class="dropzone" id="group1"></form>
 <form action="/upload" class="dropzone" id="group2"></form>
 <form action="/upload" class="dropzone" id="group3"></form>

如何获取文件放入的表单的ID?

1 个答案:

答案 0 :(得分:1)

要像添加文件一样挂钩Dropzone操作,您需要使用事件处理程序。 From the docs

  

Dropzone通过在您的实例上调用.on(eventName,callbackFunction)处理文件时触发事件,您可以轻松注册这些文件。

因此,您需要手动实例化您的Dropzones,才能访问该实例。

如果你正在使用jQuery:

vizqlserver.trustedticket.timeout_in_seconds

如果您不使用jQuery:

// Don't automatically instantiate, we'll do it manually
Dropzone.autoDiscover = false;

// Using the jQuery syntax shown in the docs    
$("#group1, #group2, #group3").dropzone({
    init: function() {
        var formID = this.element.attributes.id;
        this.on("addedfile", function(file) {
            console.log('Image dropped on form ID', formID);
        });
    }
});