программный dropzone не показывает значки

Question

Я использую dropzone v4.0.0, и я загружаю некоторый HTML динамически, чтобы программно присоединить dropzone к.

HTML, выглядит следующим образом:

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

Мой CSS для #dz выглядит следующим образом

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

У меня также есть dropzone.css загрузку в моем заголовке HTML файла.

После загрузки страницы я хочу программно прикрепить к ней зону падения. Я делаю это так:

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

Решение было создать форму и и прикрепить к сНу #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);