10 jQuery File Upload Plugins

10 Awesome jQuery File Upload Plugins to upload files ajax style’y. Today I have collected top 10 excellent jQuery upload plugins which are cool and easy to integrate to upload files to your forms or web pages. Enjoy! :)

Related posts:


1. SWFUpload jQuery Plugin

Using jQuery (the solution to all things painful), I’ve written a plugin to create a real event dispatcher for SWFUpload without modifying the SWFUpload core.
SWFUpload-jQuery-Plugin1.jpg
Source

2. jQuery File Style

Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.
jQuery-File-Style.jpg
Source

3. Multiple File Upload Plugin

The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obtrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).
Multiple-File-Upload-Plugin.jpg
Source

4. JQUploader

A jQuery plugin that substitutes html file input fields with a flash-based file upload widget, allowing displaying a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice.
JQUploader.jpg
Source

5. getFacebookAlbums Plugin

A plugin that allows the user to connect on Facebook and choose a picture among his/her own albums. It’s an alternative to the simple upload form the hard drive disk.
getFacebookAlbums-Plugin.jpg
Source

6. Ajax Iframe file upload

This jQuery plugin creates a hidden iframe and sets the form’s target attribute to post to that iframe. When the form is submitted, it is posted (including the file uploads) to the hidden iframe. Finally, the plugin collects the server’s response from the iframe.
Ajax-Iframe-file-upload.jpg
Source

7. Progress Bar Plugin

This is a progress bar plugin for jQuery.
Progress-Bar-Plugin.jpg
Source

8. Ajax Upload

This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere.
Ajax-Upload.jpg
Source

9. Styling an Input Type File

The file upload field is really hard to stylizing. The “Browse” button inaccessible to CSS manipulation. You can stylize your input type=’form’ by this plugin.
Styling-an-Input-Type-File.jpg
Source

10. Plupload

Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads, Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.
Plupload.jpg
Source