title: How to create a dropzone in my div element?
body: <p><strong>Notes :</strong> I tired all questions and answers  related this  topic.</p>
  
  <p>I use <code>form</code> tag then work completely fine. See Code <a href="https://jsfiddle.net/patelsumit5192/mxxa0bk8/1/" rel="nofollow noreferrer">Here</a> .</p>
  
  <p>I want to "place" a drop zone in my <code>div</code> tag, but somehow it doesn't work. See the code <a href="https://jsfiddle.net/patelsumit5192/mxxa0bk8/2/" rel="nofollow noreferrer">here</a>.</p>
  
  <p><strong>Snippet Example Below.</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Dropzone.autoDiscover = false;
  $("#mydropzone").dropzone({
      //url: "/file/post",
   addRemoveLinks: true,
   maxFilesize: 0.5,
   dictDefaultMessage: '&lt;span class="text-center"&gt;&lt;span class="font-lg visible-xs-block visible-sm-block visible-lg-block"&gt;&lt;span class="font-lg"&gt;&lt;i class="fa fa-caret-right text-danger"&gt;&lt;/i&gt; Drop files &lt;span class="font-xs"&gt;to upload&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp&amp;nbsp&lt;h4 class="display-inline"&gt; (Or Click)&lt;/h4&gt;&lt;/span&gt;',
   dictResponseError: 'Error uploading file!'
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet"/&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/basic.css" rel="stylesheet"/&gt;
  
  &lt;div class="clsbox-1" runat="server"&gt;
      &lt;div class="dropzone clsbox" id="mydropzone"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>