DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
Dropzone does not handle your file uploads on the server. You have to implement the code to receive and store the file yourself. See the section Server side implementation for more information.
For more information please check Dropzone.
<form action="upload.php" class="dropzone"> <div class="dz-message" data-dz-message> <div class="icon"> <i class="flaticon-file"></i> </div> <h4 class="message">Drag and Drop files here</h4> <div class="note">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</div> </div> <div class="fallback"> <input name="file" type="file" multiple /> </div> </form>