Dropzone Fileupload
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. Selected
files 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>
Last modified 5yr ago