Comments on: Ext.ux.UploadForm: An Ext File Upload Widget

By: $JEET$

$JEET$ — Fri, 10 Aug 2007 06:40:25 +0000

Client server progress bar is fairly easy with perl cgi upload. A tmp file is created during the upload, the name of which can be set manually. By monitoring the file size using ajax and an external script, its possible to create a real progress bar.

I still prefer FancyUpload though. Its a lot more reliable and less buggy. When flash isn’t available (rare nowadays), degrade to a single file upload field.

By: jsakalos

jsakalos — Mon, 23 Jul 2007 15:03:47 +0000

Yes, just contact me on skype nick: jsakalos

By: buggzzy

buggzzy — Mon, 23 Jul 2007 09:12:11 +0000

Great work, is it possible to get the progress.php?

By: jsakalos

jsakalos — Wed, 18 Jul 2007 13:30:52 +0000

If you’re using uploadprogress PHP extension it should just json_encode the return value of uploadprogress_get_info($id) call.

By: rightondev

rightondev — Tue, 17 Jul 2007 15:47:34 +0000

What should the progress.php look like?

By: jsakalos

jsakalos — Mon, 16 Jul 2007 22:24:24 +0000

Hi David,

I’ll think about it. Drag & drop and multiselect are interesting features for users so I’ll give it a try. When (and if) there be anything functional I’ll inform you all.

By: jsakalos

jsakalos — Mon, 16 Jul 2007 22:20:36 +0000

Hi Steve,
you’re right that wouldn’t be cross browser. (BTW, I was first thinking about it.) File upload has been the painful area of web applications for years and I’m not sure if it’s going to change for the better soon…

By: Steve Boyd

Steve Boyd — Mon, 16 Jul 2007 21:57:07 +0000

A really crude way of getting around the single file at a time issue is make a giant form with 100 input=file’s in it. Then install the firefox plugin dragdropupload, you’ll be able to drag n drop your hundred files

Like I said it’s crude ;]

I’m sure you could make an implementation of this which wasn’t quite so ugly, could be useful if you’re developing a CMS for a single client if you can convince them to use firefox

By: David Jensen

David Jensen — Mon, 16 Jul 2007 21:54:10 +0000

To the author: One request, implement a version of this that also does the SWF of Flash upload. Why? You get multi-select and drag and drop. Do that and I’ll definitely donate to the cause!

By: jsakalos

jsakalos — Mon, 16 Jul 2007 18:25:01 +0000

Hi Scott,

maybe I add and option not to re-upload files once done. I was busy with textual info on uploads, that works now, so now I’ll polish it to behave as expected.

By: Scott M.

Scott M. — Mon, 16 Jul 2007 18:13:16 +0000

Josef: Looks great. One issue I noticed: if I add one file and upload it, works fine and I get a green check next to the file. If I add another file (for a total of 2) it will upload both files, and so on e.g. if I add files one at a time it will continually upload all the files not just the last one I added.
Cheers,
Scott

By: Rey Bango

Rey Bango — Mon, 16 Jul 2007 14:32:11 +0000

@Kalyan: Ajaxian is not advertising any library or script that they post about. They’re simply posting a blog entry about a cool feature. Ext is a very well-built library with a great UI suite. It has a great following and community. It makes sense for Ajaxian to post about it.

As for Ext’s license, I have no idea why you’re concerned about it. If you read the license page (http://extjs.com/license) you’ll see that they offer an open-source license under LGPL. What’s your primary concern?

By: Sam

Sam — Mon, 16 Jul 2007 14:32:08 +0000

The commercial license is optional and only for people who feel they need one. It is completely free for commercial use.

By: Kalyan

Kalyan — Mon, 16 Jul 2007 14:17:54 +0000

has anyone looked at license, commercial license is really expensive for js library. why does ajaxian advertise yui-ext js so much ?

By: pixeline

pixeline — Mon, 16 Jul 2007 13:49:20 +0000

arf, my bad :)

By: jsakalos

jsakalos — Mon, 16 Jul 2007 13:42:11 +0000

pixeline,

UploadForm is Ext JS Extension so if javascript is off it doesn’t work at all.

By: SchizoDuckie

SchizoDuckie — Mon, 16 Jul 2007 13:38:52 +0000

Ryan G:

I’ve implemented the fancy upload stuff mentioned here above. You are right that the browser-native file select boxes allow only one file to be selected and the SWF upload allows multiple selects. The point is using the SWF is that you can have a callback on the closing of the multiple select file box which in turn creates multiple file input elements with the correct files attached to them!

By: pixeline

pixeline — Mon, 16 Jul 2007 13:37:39 +0000

Nice work. Please note that your implementation does not degrade gracefully if javascript is not available. It would be perfect if it improved an html upload form.

i developed a jquery plugin that handles file upload (not multiple yet) in which the progress bar reflects the actual percentage. It’s based on jquery and the flash plugin.

By: jsakalos

jsakalos — Mon, 16 Jul 2007 13:33:41 +0000

Progress bar is real. Look at the UploadForm wiki page for explanation. There will be also textual info on upload progress available soon.

By: Cosmin Catalin Sanda

Cosmin Catalin Sanda — Mon, 16 Jul 2007 13:28:04 +0000

I see the progress bar, but basically it’s just for show, right? It isn’t really showing how much was uploaded. I too, am waiting for some implementation with prototype :P