将 Silverstripe Dropzone 与 Bootstrap 模式结合使用

Question

我正在使用 UncleCheese 的 silverstripe-dropzone 模块，它在标准页面中完美运行，但是在 Bootstrap 模式中使用它时，dropzone 和 "Browse your Computer" 按钮不起作用。

我认为它与 Dropzone.js inside Modal does not work 有关，但我无法找出初始化 dropzone 的代码。

我正在使用 Silverstripe 3.6.1

非常感谢任何帮助。

Answer 1

您正在 DropZone 完成初始化后启动模态。 使用 shown.bs.modal 重新初始化模态框内的 DropZone。

$('#myModal').on('shown.bs.modal', function (e) {
    $('.dropzone-holder').each(function () {
       var upload = new UploadInterface(this, Dropzone);
    });
});