程序化dropzone不显示图标答案

【问题标题】：programmatic dropzone not showing icons程序化dropzone不显示图标
【发布时间】：2015-12-10 23:24:55
【问题描述】：

我使用 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.autoDiscover = false;
myDropzone = new Dropzone("#dz", { 
        url: "cgi/fileUpload.exe",
        maxFilesize:4,
        dictDefaultMessage:"drop files here or click to choose"
});

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

为什么？

【问题讨论】：

标签： jquery dropzone.js

【解决方案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);

【讨论】：