JSFiddle - React, Tailwind, and code Playground

by Mohannad Najjar

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/3.8.4/css/dropzone.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/3.8.4/dropzone.js"></script>
<div class="content-wrap">
   <div class="row">
      <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" class="dropzone" >
               </div>
               <button style="margin-top: 10px;" class="btn btn-info"
                  id="submit-all">Submit all files</button>
            </div>
         </div>
      </div>
   </div>
</div>

JavaScript

$(function() {
    $("div#myDropZone").dropzone({
        url : "/file-upload"
    });
});