6 jquery upload files plugins

One of the best feature of jquery is that you can use it to create file upload systems. Here are some jquery uploads plugins

• Ajax File Upload.

Basically show how the Ajax File Upload works.

• jQUploader.

jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display 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 . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.

The plugin uses the form action attribute value (normally pointing to a server side script handling the upload and other data manipulations, and appends a variable “jqUploader=1″ so that the upload code is initiated when it sees that key/value is on the posted data.

• Multiple File Upload plugin.

The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive 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).

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

• Styling an input type file.

The file upload field is really hard to stylizing. The “Browse” button inaccessible to CSS manipulation. You can stylizing your input type=’form’ by this plugin.
Idea: http://www.quirksmode.org/dom/inputfile.html

• Progress Bar Plugin.

This is a progress bar plugin for jQuery.