It must be considered to achieve this that the server side must be abble to send feedback on the upload state.
For example php on it's own can't achieve this without rarely installed extensions.

When using a Flash based version this is doable. There is also the possibility to add a CGI backend, to allow more flexibility. However, this needs some additional configuration.

Hey Giles,

I set the status back to "in planning" and demo link to "n/a". Links in the header should always point to resources in the UI repos.

jQuery.uploader looks really good and feature complete. Were you intending to add your plugin to UI?

This plugin looks nice.
Is it possible to develop this plugin in a way that doesn't depend on Flash? Or at least only using Flash if it's available? Also a solution that does not need to be configured to align with the backend would be ideal as well.
The first priority should be to make a native file input customizable in appearance and behavior. This portion shouldn't require Flash or any backend configuration.

I've seen some nice plugins that manipulate an input type=file element with some additional elements to at least make a single file uploader configurable with CSS and JS.
Here's one I've used that worked quite well (you apply the plugin to an element which could replace a file input, it doesn't use Flash, and submits using a generated iFrame):
http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm

it works by actually using a hidden file input positioned over the clickable button, so you actually click the native input button while using it.

Obviously, this plugin isn't as full-featured as the example posted above, but it's a nice solution for configuring a native file input element, and then we could provide options for things that might require Flash, such as reporting upload progress back to a UI progressbar widget, uploading multiple files, and more.

Thoughts?

@Ca-Phun ung:
yes i have been thinking about this for over 2 years (that is, i have suggested it many times but due to the fact that everybody is very busy, it just never came off it). I started today to convert my jquery.uploader to jQuery.ui.fileuploader (as in: rewriting to confirm with jQuery UI). As per Scots request (and the fact that i have seen it on other plugins which are MIT licensed) at first i am just "converting" my plugin, meaning it requires flash and basically works just like the plugin above but then using UI standards. Then we can think about other formats (both front-end as backend).

The main problem here is that this plugin can't be used "out of the box" you have to do some event handling and backend programming in order for it to work, but that should all be self explanatory when you take a look at the demo's. I've decided to use SWFobject (also MIT licensed) for Flash detection since you can build that into the plugin, but better is to not reinvent the wheel. I'll keep you guys updated.

Guys i added the first demo (and complete source) to the labs, please tell me what you think of this.

Hi,

I am an author of AJAX Upload plugin http://valums.com/ajax-upload/ ,
and I would like to help developing a jQuery UI widget.

As I see, Gilles is already in process of creating a flash based widget,
and I would like to know what do you have right now.

I was thinking that it would be great if Flash was only required if developers
would like to see the progress-bar, but for others (that have trouble with Flash upload
because of the server settings), and for users without Flash,
and for newer browsers (which support XHR progress event and File API)
files uploads would be done with JavaScript.

Here is a list what's currently possible with the pure JavaScript.

In all browsers
Multiple file uploads using upload button styled with CSS
(http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm)

Safari 4, Opera and upcoming Firefox 3.6 support selecting multiple files using file selection dialog
<input type=”file” multiple> Safari, Firefox
<input type=”file” min="0" max="73"> Opera

With Safari 4 and Firefox 3.5 it is possible to show upload progress using XHR onprogress event,
but in my opinion it's too costly to implement it right now.

What do you think?

Our business is looking for this exact kind of widget. We haven't found anything that works really well for multiple files with a progress bar. My boss and I are wondering if you know when this widget might launch - if you have a deadline time frame?

i want to work on this widget, i been using mootool fancy uploader and customized it, which is great tool for multi-uploader, anyway this project seems like at halt position and i want to get started on this and finish it. let me know how is managing this project and what we need to do to get this back on track and finish it up. its been 2 years for this project. its time to finish it up.

A few years ago, I have used SWFUpload on one project. It does require flash to be installed, but who doesn't have flash nowadays? The plugin supports multiple file selection and can fire all the necessary handlers to customize it at will. It doesn't have a frontend (no interface), so it can be replaced once it is no longer needed. I believe that this is a small compromise for those really seeking multiple file uploader widget right now.

http://swfupload.org/

@Scott Gonzalez great to hear that, yes i can do that, but before i start on it. i need to know what your guys coding standards are, well i been working for 10 years, so i dont think there will be problem, but still want to know and also what are the requirement fot this plugin (widget), so i can create exactly as it requires (or more better). you can check fancyUpload (mootool), its really good, i can build something like that, if its fill the requirements. http://digitarald.de/project/fancyupload/ (fancy uploader in mootool)

@Basit look at the top of the page in the right area, theres a area called " sidebar" with all the links you need.

@Jaggi thanks for the tip. i noticed the uploader on UI/uploader documentation is not completely free and opensource (http://docs.jquery.com/UI/Uploader). it needs a flash file to work properly and the guy who created it, he is charging money for it lol, cause he said it was hard writing 2000 lines, so he has to charge it. i recommand jquery guys to remove that uploader from documentation. i will definitely work on the uploader and opensource the flash file also, so everyone can access and update it from github. anyway, thanks again. ill get on it and launch the plugin at http://basit.me

there are few issues i wanted to talk about with you guys. there are few options i was thinking to add as per requirement from above image. adding an uploader on a file browse should not need an third party plugin (flash) in order to work, simply with $('input').uploader(); should start working instantly. but there is issue on progress bar. in order to have real time progress bar we need flash or get it done from backend and knowing that we cant put must require the third party, so the only way to do progress bar is on sent the request (50% complete) and on receiving the request (+50% complete) done, so that is 100%. if you guys want me to do it like that, then thats fine, we can do that, but if not, then share your thoughts how you want the progress bar to be achieved in the uploader? obviously i havent started to code, but im just planning first and then put all the options and requirement and then start building. anyway waiting for answers from you guys :).

well so far i know, flash is must for two things. one is progress bar and second is the multiple instance (able to select 10/100 files at once).

ya i agree, we should not rely from server side or from flash, but flash can be used, if user wants it for using multi-instance or progress bar. but if flash is not used, then the solution i gave for 50% on trigger and 50 on receiving a response from client, can be good thing. i think that would be best solution for us, without relying on third party.