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/vendors/dropzone.js"></script>

<div id="my-dropzone" class="dropzone mt-4 border-dashed rounded-2 min-h-0"></div>