Creating file upload in jquery with features like drag and drop, progress bar, image preview etc can take too much time to create it, But don’t worry some great developers has created jquery plugins which can help you to implement these features in your website quickly. No extra coding required, Their pre defined features are enough to create awesome file upload with great UI design. Here I have compiled some top 5 file upload plugins in jquery.
Top 5 File Upload Plugins in jQuery
Uploadify™ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website. Two distinct versions (HTML5 and Flash) allow you the flexiblity to choose the right implementation for your site and fallback methods make it degrade gracefully.
* Multiple File Uploads
* Drag and Drop
* Real-Time Progress Indicators
* Custom Upload Restrictions
* Extreme Customization
Beautiful and powerful HTML5 file uploading tool. A jQuery and PHP plugin that transforms the standard file input into a revolutionary and fancy field on your page.You can very easy design your own input and file preview elements with HTML/CSS and jQuery. We have also prepared 4 responsive and clean templates that you can use.It is very easy to implement the Fileuploader plugin into your Webpage, also based on WordPress, Joomla, TYPO3, Laravel and others.
* Design your own input
* Add files from different folders
* Drag&Drop and Ajax upload
* Enable the edit mode
* Validate and control
Plupload using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there’s no HTML5 available in the browser.Files that have to be uploaded can be small or huge – about several gigabytes in size. In such cases standard upload may fail, since browsers still cannot handle it properly. We slice the files in chunks and send them out one by one. You can then safely collect them on the server and combine into original file.
* Upload in HTML5
* Drag’n’Drop Files from Desktop
* Access Raw File Data
* Shrink Images on Client-Side
* Upload in Chunks
* Translated to 30+ Languages
jQuery File UPload plugin provides Multiple file uploads with progress bar. jQuery File Upload Plugin depends on Ajax Form Plugin, So Github contains source code with and without Form plugin.
* Single File Upload
* Multiple file Upload (Drag & Drop)
* Sequential file upload
* File Restrictions
* Localization (Multi-language)
* Sending Form Data
* Adding HTML elements to progressbar
* Custom UI
* Upload Events
* Delete / Download Uploaded files
* Image Preview
* Show previous uploads
File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery UI.
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.