Uploader is a very lightweight Plugin for file uploading using ajax(async) and includes support for queues, progress tracking and drag and drop. It is very configurable and easy to adapt to any Frontend design, and very easy to work along side any backend logic. The focus will be modern browsers, but also providing a method to know when the plugin is not supported. The idea is to keep it simple and lightweight.
jQuery File Upload is a jQuery plugin that allows you to implement a widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
The File Input library by Krajee is an enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files. The plugin offers multiple themes, including the explorer theme:
Uppy is a Sleek, modular file uploader that integrates seamlessly with any JS framework. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras and other exciting locations, and then uploads them to the final destination. It’s fast, easy to use and let's you worry about more important problems than building a file uploader. Uppy is brought to you by the people behind Transloadit and as such will have first class support for adding their uploading and encoding backend, but this is opt-in, and you can just as easily roll your own.
There are multiple themes of Dropzone.js with a completely different user experience. It is a pretty useful demonstration of the powerful configuration possibilities of Dropzone.js, so you can make Dropzone.js look exactly how you want it to look and it's very easy to do so, for example with a Bootstrap theme:
If you know another awesome open source file upload component written in VanillaJS or jQuery, please share it with the community in the comment box.