View Full Version : drag&drop + asynch file upload

12-30-2007, 10:30 PM
first of all, as a newbie and all I do is "recycle" or "reuse" code...
that's the least that I can do for now, since I'm just beginning to learn this... and please pardon my ignorance and bad terminologies

I only use the examples I find on the web which is free or the so-called
"open source" codes...

suppose we have these two example "applications"(don't know what to call it):

1st: a drag&drop app where we can move an object anywhere within the designated area, the object/s can also be resized, and the last object moved will always be on top of other objects(if it's "stacked" together 1 over another)

2nd: asynchronous file upload image, (added with) limit the size and amount of images that will be uploaded..

I want to combine these two examples... the uploaded images will be the objects in the drag&drop app that can be moved, resized, etc.(as described above)

I'm trying to find it over the web but to no avail. I hope there's someone out there who'll be glad to share their codes if they know how to do this...

some references I used:
YUI Drag&Drop (http://developer.yahoo.com/yui/examples/dragdrop/)
Asynchronous file upload (http://www.air4web.com/files/upload/)
a resizable object (http://tomkidding.com/uize/uize-js-api/examples/marquee-with-rest-update.html)

I'm talking about an application like (or simpler) this
zazzle (http://www.zazzle.com/cr/design/pt-shirt)

rnd me
01-01-2008, 08:45 PM
check out the walter zorn drag and drop (http://www.walterzorn.com/dragdrop/dragdrop_e.htm)library for the first one.

re #2: you cannot limit size on the client, you will need a server to validate that, based upon the "Content-Length" header it recieves. you can really only upload one image at a time, at least in the sense of individually browsing to each file.
there is no drag and drop standard to upload files, although it looks like firefox3 might enable that...