Question

我查看了几个动态的dropzone示例，我觉得它们不是很相似......这是我非常仔细地看过的一个：

Dynamically add dropzone.js div element to the form

我不太了解他的解决方案，但我有几个确切的问题。当我克隆并附加具有dropzone的div时，dropzone只是没有响应...甚至没有弹出窗口来选择图片。如果具有完全相同的dropzone多次但预先加载，则它可以正确运行。这表明我的脚本没有问题，但是对于新添加的dropzone而没有初始化dropzone？

我简化了以下代码：

Dropzone.options.myDropzone = {
    acceptedFiles: 'image/*',
    maxFilesize: 25,
    addRemoveLinks: true,

    init: function() {
        var myDropzone = this;

        this.on("success", function(file, dataURL) {
            //etc...
        });
    }
<div id="cloneme">
<div>Some data - used js to change on clone</div>
<form action="/uploadtoURL" class="dropzone" id="my-dropzone" style="text-align: center;">
    <div class="dz-default dz-message" data-dz-message="">
        <span>Drop files here to upload</span>
    </div>
</form>
</div>

请帮忙！我应该添加或调整什么才能重新初始化dropzone？我完全迷失了。

编辑：我刚刚添加了一个dropzone - 动态，不使用克隆但非常相似。初始dropzone有效，但使用附加dropzone表单似乎没有响应或表现得像一个dropzone。

$(div).find('.table').after($('<form action="/uploadtoURL" class="dropzone" id="my-dropzone" style="text-align: center;"><div class="dz-default dz-message" data-dz-message=""><span>Drop files here to upload</span></div></form>'));

javascript DropZone动态问题

0 个答案: