Pages UI
Search…
File Upload
DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.
Please refer to DropzoneJS Documentation to learn about plugin options
Step one
Include the stylesheet dropzone.css inside the <head> if it's not there already.
1
<link type="text/css" rel="stylesheet" href="assets/plugins/dropzone/css/dropzone.css">
Copied!
Step two
Include the javascript file inside the <body>before core template script inclusions, if it's not there already.
1
<script src="assets/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
Copied!
Step three
Add .dropzone to initialize dropzone plugin with default options.
1
<form action="/file-upload" class="dropzone">
2
<div class="fallback">
3
<input name="file" type="file" multiple />
4
</div>
5
</form>
Copied!
Last modified 3yr ago
Copy link