dojo AJAX file upload demonstration

Objective

The objective of this demonstration/experiment/example was to find a way to upload a file to the server using dojo (AJAX), for integration into a complex LAMP/RIA application.

Key Notes

This uses the dojo.io.iframe.send method. (All client side logic is in this file, use view source).
The server side code returns an HTML document, with the JSON data embedded in a textarea. Server side code is displayed below the client side code.
Note the enctype attribute on the form. It must be multipart/form-data for file uploads.
The JSON data is assigned into the textarea for results display. In this case, it is echoing the data in the $_FILES array. The file is not uploaded to the server for this demonstration.
The status line always echoes Good on response.
dojo version is 1.2.2
This code does work with IE. Refer to dojo forum post. Adjustments made that allowed this to work with IE. Passed a variable to ioIframeGetJson, the form is not a dijit widget, the error detection in the handler is res.status, and an error handler with a function (not just an alert), added a content property to the io.send.

Credits

Sincere thanks to: dojo Documentation, psychdesktop.net

Server-Side Code

<?php
ini_set('upload_max_filesize','1M');
ini_set('post_max_size','1M');

$sText='';
foreach ($_FILES as $k => $v)
{
$sText.=$k.'\n';
foreach ($v as $kk => $vv)
if ($kk != 'tmp_name')
$sText.=' '.$kk.'='.$vv.'\n';
}
?>
<html>
<head>
<script>isLoaded = true;</script>
</head>
<body>
<textarea>{'status':'Good','textdata':'<?php echo $sText; ?>'}</textarea>
</body>
</html>

dojo AJAX file upload demonstration

Form

Objective

Key Notes

Credits

Server-Side Code