Uploading Files with Progress Bar using jQuery & MooTools

Posted on May 16, 2009, under Flash, jQuery, MooTools

uploadify-jquery-plugin
Uploadify is a JQuery Plugin that allows you to easily upload multiple files on your site without needing to reload the page. The script requires Flash and any backend development language. A progress bar is shown while uploading the file(s). The plugin can be used in a number of applications and commercial products.

Source: http://www.uploadify.com/
Demo: http://www.uploadify.com/demo/
License: MIT and GPL

mootools-fancy-upload
FancyUploader is a MooTools file-input replacement script which features an unobtrusive, multiple-file selection menu and queued menu with an animated progress bar. It’s easy to integrate, being server independent & completely customizable via CSS and XHTML.

Browser Compatibility: A-Grade Browsers (Internet Explorer 6+, Opera 9, Firefox 1.5+ and Safari 3+) with Adobe Flash 9 and 10 player
Source: http://digitarald.de/project/fancyupload/
Demo: http://digitarald.de/project/fancyupload/3-0/showcase/attach-a-file/
License: MIT

JqUploader works as a substituter for the classical HTML file input fields. It uses Flash and shows a progress bar while the file is uploaded.

Tested on: Windows XP with FF2.0.0.4, Internet Explorer 6+ with Flash player V8+
Source: http://www.pixeline.be/experiments/jqUploader/
Demo: http://www.pixeline.be/experiments/jqUploader/test.php

May 16, 2009
article by Gabriel C.
1 comment

Tags:

Carousel Examples: YUI Library, jQuery, MooTools & Prototype
at April 11, 2009
Image Reflection with jQuery, MooTools and script.aculo.us
at January 11, 2009 with 3 comments
Zoom Images using jQuery and MooTools
at December 21, 2008 with 2 comments
How to use the Scroll Effect in jQuery, MooTools and Script.aculo.us
at March 16, 2009 with 7 comments
Highlight Elements in Script.aculo.us, jQuery and MooTools
at March 29, 2009 with 1 comment

Comment via Facebook

One Reply to "Uploading Files with Progress Bar using jQuery & MooTools"

Adam
July 17, 2009 at 9:43 AM

Reply

This is exactly what I was looking for! Thanks!

* = required fields

Name *
E-Mail *

(will not be published)

URL

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <cite> <code> <del datetime=""> <q cite=""> <strike> 

Note: If you want to post CODE Snippets, please make them postable first!
(e.g.   should be converted to  )

POSTING RULES:

The comment must be relevant with the topic of the post.
Only comments with real email addresses will get approved. So, emails like 'abc@domain.com' will not be accepted.
Do not post the same message in multiple articles through the site.
Do not post advertisements, junk mail or pyramid schemes.
In case you post a link to another site, please explain briefly where the link goes as a courtesy to other users.
Do not post comments such as: "Thank you", "Awesome", "Nice tutorial", "Merci", etc.

Comment *

Notify me of followup comments via e-mail. You can also subscribe without commenting.

Uploading Files with Progress Bar using jQuery & MooTools

Related Posts

Comment via Facebook

One Reply to "Uploading Files with Progress Bar using jQuery & MooTools"

Leave a Reply

Tag Cloud

Menu

To do

Suggestions

Resources