javascript - dropzone.js 以编程方式不起作用

Question

我正在尝试以编程方式创建拖放区，但它不起作用。

HTML代码:

<div class="content-wrap">
   <div class="row">
      <script type="text/javascript">
         $(function() {
            $("div#myDropZone").dropzone({
                url : "/file-upload"
            });
         });
      </script>
      <div class="col-sm-12">
         <div class="nest" id="DropZoneClose">
            <div class="title-alt">
               <h6>DropZone</h6>
            </div>
            <div class="body-nest" id="DropZone">
               <div id="myDropZone" >
               </div>
               <button style="margin-top: 10px;" class="btn btn-info"
                  id="submit-all">Submit all files</button>
            </div>
         </div>
      </div>
   </div>
</div>

<div id="myDropZone"> 中的拖放区不是 appers!

最好的问候:)

Answer 1

您需要为您的#myDropZone div 提供一些宽度和高度，以便它占用空间。这是一个jsfiddle .

或者，您可以将 dropzone 类添加到您的 div 以获得您在演示中看到的默认样式。这是 jsfiddle为此。