jQuery ajax upload with progress bar - no flash

Question

I am looking for a file uploader similar to uploadify with progress bar that doesn't rely on flash, preferably using jQuery - is this possible?

Solution

Sure, it's possible. A couple sites with different code and tutorials are:

• http://github.com/drogus/jquery-upload-progress (ninja'd by DrJokepu ;)
• http://t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-bar/

Comments

[toneplex]

The t.wits.sg blog post references pecl.php.net/package/uploadprogress, which is a great solution.

[Chris Clower]

PHP can get the upload file size and return it to JS via AJAX. As a matter of fact, PHP can get all info about the file and return it via AJAX as a JSON string, and it would work in any browser that supports AJAX (including IE6). You don't need Flash. You do, however, still need to find a way to report the upload progress, which involves JS long polling and monitoring how much of the file is on the server vs. its filesize in PHP.

[Murali N]

this link t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-ba‌​r is broken

[Hidden Android]

Murali: use Web Archive: web.archive.org/web/20120414125425/http://t.wits.sg/2008/06/‌​25/…