Drag And Drop By Dropzone.js

Today we will learn about a different style of file uploading i.e Drag and Drop through Dropzone.js . Dropzone.js provide a hassle free file upload with a modern technique Drag ‘n’ Drop. This js has own documentation that how to implement on your own website. It very simple to apply and easy to learn. To apply this js on your site you just need to download  from git hub

It is a open source library so you can easily use this js for your project. Here I have implement this js for an example.

Just add class name “dropzone” And give a path name of the file in which your form will be submit to the server in form action . Here I have use a save.php file for server end code. In your upload file you just do the regular server end code for validation and upload purpose.