Form - Dropzone
One stop solution for perfect admin dashboard!
Dropzone
DropzoneJs!This is an open source library that provides drag’n’drop file uploads with image previews. It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable. For official documentation, click here .
<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"> <div class="dz-message needsclick"> 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></form><!-- ========== JS ========== --><script> $(function($) { Dropzone.options.myAwesomeDropzone = { paramName: "file", // The name that will be used to transfer the file maxFilesize: 5, // MB accept: function(file, done) { if (file.name == "justinbieber.jpg") { done("Naha, you don't."); } else { done(); } }, dictDefaultMessage: "Drop files here or click to upload." }; });</script>