Developers need to add file upload feature in their projects and it is not easy to add this feature in elegant way means with progress bar, file size and image preview etc. We found two open source Drag and Drop file upload library that makes it very easy with jQuery and CSS. These file upload libraries have very elegant interface to upload any number of file with an ease.

1. Dropzonejs

Dropzone.js is an open source library to upload your file using drag and drop with image preview. Dropzone.js works with jQuery. You can use dropzone.js after adding its JavaScript file with jQuery.

Dropzone drag and drop file upload
Read Instructions and Download

2. jQuery File Upload

jQuery file upload also a very beautiful and useful open source library to file upload. This can be used with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports HTML5 file upload.

jQuery file upload library
Read Instructions and Download

Implementation of these libraries is very easy. Follow download links to use these libraries.