This post originated from an RSS feed registered with Python Buzz
by Phillip Pearson.
Original Post: Ajax file upload notes
Feed Title: Second p0st
Feed URL: http://www.myelin.co.nz/post/rss.xml
Feed Description: Tech notes and web hackery from the guy that brought you bzero, Python Community Server, the Blogging Ecosystem and the Internet Topic Exchange
I'm just getting into the whole fake-Ajax file upload thing.
Interesting discovery: while you can't write to the value of an <input type="file"> element from Javascript, you can clone such elements into other forms and submit them. e.g. in jQuery:
This lets you submit the main form with an XMLHTTPRequest, but move the files off somewhere else to be uploaded in the background and associated with whatever content it was you just uploaded.
Update: If you're doing this in mootools, you'll need to call the DOM cloneNode() method rather than using mootools' clone(), as mootools clones by completely rebuilding the element. In code: