Dropzone

Drag and drop file uploads with image previews powered by Dropzone.js. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object.

Dropzone Documentation

Usage

CSS

Copy-paste the stylesheet <link> into your <head> to load the CSS.

<link rel="stylesheet" href="../assets/css/theme.min.css">

Js

Copy-paste the following <script> and Function near the end of your pages.

<script src="../node_modules/dropzone/dist/min/dropzone.min.js"></script>

<script src="../assets/js/dropzone.js"></script>

<!-- Example -->
 <form action="#" class="dropzone mt-4 border-dashed">
 <div class="fallback">
    <input name="file" type="file" multiple />
 </div>
</form>