CODEWITHSUNDEEP
javascriptjquerydropzone.js
João Manolo
João Manolo

Reputation: 245

dropzone.js programmatically doesn't work

I am trying create drop zones programmatically, but it doesn't work.

HTML Code:

<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>

The drop zone in <div id="myDropZone"> not appers!

best regards :)

Upvotes: 6

Views: 13947

Answers (2)

Ayesh Shaminda
Ayesh Shaminda

Reputation: 11

Add class dropzone to the div element which holds your drop zone. Hope that you have added the dropzone stylesheet to your page.

Upvotes: 0

go-oleg
go-oleg

Reputation: 19480

You need to give your #myDropZone div some width and height so that it takes up space. Heres a jsfiddle.

Alternatively, you can add the dropzone class to your div to get the default styling that you see in the demos. Heres the jsfiddle for that.

Upvotes: 19

Related Questions