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.

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.

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).

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.

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.

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.

7. Progress Bar Plugin

This is a progress bar plugin for jQuery.

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.

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.

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.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.