DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
Add dropzone stylesheets before atmos to make sure we override styles to fit our theme
<link rel="stylesheet" href="assets/vendor/dropzone/dropzone.css">
Include JavaScript file before closing body tag
<script src="assets/vendor/dropzone/dropzone.js" type="text/javascript"></script>
Add .dropzone
to initialize dropzone plugin with default options.
<form class="dropzone" action="/"><div class="dz-message"><h1 class="display-4"><i class=" mdi mdi-progress-upload"></i></h1>Drop files here or click to upload.<BR><SPAN class="note needsclick">(This is just a demo dropzone. Selectedfiles are <STRONG>not</STRONG> actually uploaded.)</SPAN><div class="p-t-5"><a href="#" class="btn btn-lg btn-primary">Upload File</a></div></div></form>