Over on StickBlog, there’s a nice little demo of using AJAX to provide a nice, clean interface for uploading multiple files in a web form. Only one file input is displayed at a time. As you add files, the input is replaced with information about the file, and a new file input is dynamically added. Simple and slick.
-
Subscribe
Follow Me
-
Referrals
-
Meta
Lifestream
-
RT @Birmingham_News: More: www.al.com Tommy Tuberville is out as Auburn football coach http://tinyurl.com/6orhdx
-
New blog post: WordPress 2.7 Coming Soon! http://tinyurl.com/6k5e4m
-
Time to reap some browser tabs to delicious, instapaper, and stumbleupon, then dive into some work.
-
Thought I had lost a buttload of emails, but I was able to recover them. Whew!
-
Putting some leftover dark turkey meat to good use by making myself some stew for lunch. A little barley, some celery, and spices -- voila!
-
Buttons
Currently Reading
Dougal's Stuff
Projects
Tangential
-
Pages












[...] Hat Tip: geek ramblings [...]
Also, see Simultaneously uploading some files using
IFRAMEelements.Dougal, I read that article yesterday and though his script does some nice DOM manipulation, it isn’t AJAX. The uploading is done by an HTML form post. This is just another case of buzzword misuse. :-/
Well, technically, no, it’s not AJAX (it’s not Asynchronous or XML). It’s more traditional DHTML. However, this demo accomplishes one of the same goals that typical AJAX use does — it manipulates the web page view without refreshing. Yes, yes, it’s still not AJAX, and people have been doing similar things for years. But I’m not inclined to be pedantic over the use of the AJAX label.
WTF is going on ?
Why the heck are so many “gurus” calling it “Ajaxian” ???
I’m no guru in Ajax/DHTML so I wasted a couple hours trying to find the AJAX in that neat solution. doh !
Well, it shouldn’t take you hours to understand the source, as it’s just using an iframe and a regular form post, took me 1 minute or so. It works…but I guess it doesn’t have any of the benefits of AJAX, i.e. the ability to deal with errors and stuff and it would be nice to be able to create a progress bar. This has been done though. If you do read a lot you’ll find that you can’t use the XMLHTTPRequest object anyways at all for file transfers. So, seeing that we are able to basically do AJAX requests for any other type of form element minus that one, we have to use iframe and eventhough this isn’t AJAX per se, it is using something else in order to get the same functionality.
[...] StickBlog has written a great little Ajax-based file upload utility. You can set the number of files allowed at a time, and as you upload, the display is updated with the current files, which you can remove and replace at will.Now, if only I had the time to re-write the Attach Files plugin for WordPress by Gordon Knoppe to use this… THAT would be cool!Hat Tip: geek ramblings [...]