Jump to content

uploading files with ajax


cfemocha

Recommended Posts

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.


Link to comment
https://forums.phpfreaks.com/topic/25141-uploading-files-with-ajax/
Share on other sites

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.