uploading files with ajax

[cfemocha 0]

Im trying to use an iframe to upload files. Im copying every input fields from a real form to a form inside a hidden iframe, all fields worked fine except the files that is to be uploaded.

Below is part of my code

[code]
for (var i=0 ; i < oForm.elements.length; i++)
{ var oHidden = oIFrame.document.createElement("input");
    oHidden.type = "hidden";
    oHidden.name = oForm.elements[i].name;
    oHidden.value = oForm.elements[i].value;
    oHiddenForm.appendChild(oHidden);
}
oHiddenForm.encoding = "multipart/form-data"; 
oHiddenForm.action = oForm.action;
oHiddenForm.submit();

[/code]

Ive tried everything i could and still couldnt get it to work. Please help.

[ober 1]

This is not AJAX functionality!?

[AlexaW 0]

Take a look at this tutorial:
http://blog.joshuaeichorn.com/archives/2005/05/01/ajax-file-upload-progress/

It shows how to organize the File Upload and show the progress meter in Ajax manner.
This is an online demo for this tutorial:
http://194.50.176.170/UploadProgressMeter/trunk/demo.php

Yep, the demo uses Iframe also. Uploading file using the true Ajax technology is limited by the browser security. Actually, this is a way to go, but work only with FireFox:
http://www.captain.at/ajax-file-upload.php