Dropzone.js is a lightweight open source library that provides drag’n’drop file uploads. It supports image previews and shows nice progress bars. You can register to different events to control how and which files are uploaded.

It turns an HTML element into a dropzone, this means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX.

• Image thumbnail previews
• Multiple files and synchronous uploads
• Progress updates
• Support for large files