Question

我使用dropzone v4.0.0并且我正在动态加载一些HTML，以便以编程方式将dropzone附加到。

HTML看起来像这样：

<div id="dz"></div>

我的#dz的CSS看起来像这样

#dz{
    margin-bottom:15px;
    width:calc(100% - 30px);
    height:200px;
    background:#f2f2f2; 
    text-align:center;
    line-height:200px;
}

我的HTML文件头中也有dropzone.css加载。

页面加载后，我想以编程方式将dropzone附加到它。我是这样做的：

Dropzone.autoDiscover = false;
myDropzone = new Dropzone("#dz", { 
        url: "cgi/fileUpload.exe",
        maxFilesize:4,
        dictDefaultMessage:"drop files here or click to choose"
});

我的dropzone可以将文件拖入其中或单击并浏览文件，但dropzone图标不会显示，也不会显示错误或良好上传的X和复选标记。有关文件上传的信息在页面下方，超过了#dz的高度。我没有收到错误。

为什么？

Answer 1

解决方案是创建一个表单并附加到div #dv

var dz='<form action="cgi/fileUploader.exe" ';
dz+='         class="dropzone"';            
dz+='         id="my-dropzone">';
dz+='</form>';  

$("#dz").html(dz);

setTimeout(function(){               
      Dropzone.autoDiscover = false; 
      var myDropzone = new Dropzone("#my-dropzone");
},500);

程序化dropzone未显示图标

1 个答案: