单个页面中多个拖放区的全局选项

Question

我有多个表单，每个表单都有一个拖放区。我已根据此链接成功启动了 dropzone 。

var myDropzoneTheFirst = new Dropzone(
    '#form1',
    {
        url : "upload1",
        paramName: 'postedFile',
        addRemoveLinks: true,
        dictDefaultMessage: 'Drop files or click here to upload',
        ...
    }
);

var myDropzoneTheSecond = new Dropzone(
    '#form2',
    {
        url : "upload'",
        paramName: 'postedFile',
        addRemoveLinks: true,
        dictDefaultMessage: 'Drop files or click here to upload',
        ...
    }
);

每个 dropzone 的选项几乎相同，除了 url 之外。那么，如何集中该选项，以便我不必为其他 dropzone 编写相同的配置？

Answer 1

发生的一件事是，您可以将 url 保存在一个数组中，然后在循环中使用它来设置每个 dropzone 的 url，这里是一个使用 dropzone 的 jQuery 插件的示例：

Dropzone.autoDiscover = false;

var urls = ['url1', 'url2'];

$('.dropzone').each(function(index){
    $(this).dropzone({
        url: urls[index],
        paramName: 'postedFile',
        addRemoveLinks: true,
        dictDefaultMessage: 'Drop files or click here to upload',
        // ...
    })
});