An Ajax file upload progressbar

Posted by Felix Geisendörfer, on Apr 27, 2006 - in JavaScript & jQuery

Deprecated post

The authors of this post have marked it as deprecated. This means the information displayed is most likely outdated, inaccurate, boring or a combination of all three.

Policy: We never delete deprecated posts, but they are not listed in our categories or show up in the search anymore.

Comments: You can continue to leave comments on this post, but please consult Google or our search first if you want to get an answer ; ).

Important Warning: The code presented her was an experiment of mine that I did over a year ago. In the meantime flash based file uploaders have become a much better weapon of choice when it comes to unobtrusive upload experience enhancing. As of now I highly recommend you to checkout either jqUploader or SWFUpload as I am no longer able to provide support for this solution. Setting them up should be multiple times easier and will require no Perl or (Cake)PHP on the server side. HTH, Felix.

It's been quite a while since my last post, but believe me I've been working hard for this one. This time I'll present a solution of mine that allows you to have a progress bar for file uploads via ajax (and, unfortunatly a perl script). Now, since this is quite heavy on server load I mostly created it for usage in backends and I think thats where most ajax should belong anyway. But of course, you can use it for whatever you want to.

At this point I need to credit the people who created the Uber Uploader project from where I've taken the perl script for this.

My solution consists out of a bunch of JS, a CakePHP component and the modified Perl script from Uber Uploader.

The Code, Documentation and a Live Demo and can be found here.

-- Felix Geisendörfer aka the_undefined