jqUploader

Presentation

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.

Download

Like this script? Learned something? Feel free to send me a coin via paypal:

As i do not have much free time, donations will motivate the script improvement and documentation. Thanks much!

Download Version 1.0.2.2 (29 September 2007).

Changelog

V 1.0.2.2: fixes flash prompt "A script in this movie is causing Adobe Flash Player 9 to run slowly...". Moved to jquery 1.2.1

V 1.0.2.1: fixes safari not hiding the html file input dialog. New option (in the flash file) to allows starting the upload as soon as a valid file is selected.

V 1.0.2: now relies on a jquery port of swfObject (jquery.flash.js by Luke Lutman).

• For optimal performance, the element id points to the file input container element and not the input itself.
• new option: endMessage, allowing you to specify the final message to be displayed (i.e "all done!")
• new option: complete customization of the OS-provided file selection "allowed extentions".
  • allowedExt: '*.jpg; *.jpeg; *.png', // actual extensions allowed
  • allowedExtDescr: 'Images (*.jpg; *.jpeg; *.png)', // Description displayed in the "Browse" file selection box
• Improvement: if javascript is available, but not flash player, falls back to a simple html input

V 1.0.1: flash source file saved in flash 8 format. Added option to control the display of the form's submit button.

V 1.0: ergonomy improvements, maximum file size setting, customizable error messages, and many small improvements

v 0.8.1: issue where all file extensions could be selected has been corrected. Thanks to Jason Huck for pointing it out !

Thanks!!

Credits go to Mike Alsup, as i merely adapted his jq-flash plugin to build this one.

Thanks to Geoff Stearns for swfObject (used for versions up to 1.0.1)

Thanks also to Vlada Misic for helping out with file extensions (hey, if that doesn't work, blame him :) ) and Alex Cook for the advises!!

Thanks to the jQuery Discussion list participants, you're part of the joy of working with jQuery!

Last but not least, THANKS to John Resig and the team behind jQuery.

Demo

demo is here

Documentation

Doc is here

TO-DO

• Add maximum file size option
• Multiple uploads
• V2 will bring all graphical aspects out of flash and will be set via CSS, flash will then be used invisibly for client/Server commmunication.

Need help? Can't get it working? Found a bug?

Please use the dedicated jqUploader forum.