Upload a file using Ajax
This code is categorised as Ajax because it "fits within my definition of Ajax" as explained from the Ajax File Upload [openjs.com] article.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>File upload</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script type="text/javascript"> //<![CDATA[ function init() { document.getElementById('file_upload_form').onsubmit=function() { //'upload_target' is the name of the iframe document.getElementById('file_upload_form').target = 'upload_target'; } } window.onload=init; //]]> </script> </head> <body> <form id="file_upload_form" method="post" enctype="multipart/form-data" action="/p/file_upload.cgi"> <input name="myfile" id="myfile" size="27" type="file" /><br /> <input type="submit" name="action" value="Upload" /><br /> <iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0px solid #fff;"></iframe> </form> </body> </html>
