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>

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