Uploading files through XMLHttpRequest()

[mindekaz]

There is a form which uploads file to a web page:

<form method="POST" action="https://woodmin.catsone.com
/api/add_candidate" enctype="multipart/form-data">

<input name="resume" type="file">

</form>

I need to overwrite it in such way that the same thing would be done through XMLHttpRequest() but so far I haven't suceeded I would be gratefull if someone could tell me how can this be done. My currently code:

function send(){
var params=" resume=C://CV-Online.htm";
xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST","https://woodmin.catsone.com /api/add_candidate",false);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader ("ENCTYPE", "multipart/form-data");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
window.close()
}

Thank you in advance!

[Fang]

http://www.webdeveloper.com/forum/sh...80&postcount=2

[mindekaz]

Thank you for your response, but this is not a solution for me. Maybe I should have added this in my first post:
I have to make firefox plugin which uploads current html file to a CATS database. This function should be used: http://www.catsone.com/api/add_attachment. So iframe won't work in this case because user must select file by himself. Is there a solution to this problem?

[007Julien]

And this page...

[rnd me]

in firefox, you can use the file input's .files collection to graba a string version of the file to be uploaded.

you would then say something like:

params="data="+encodeURIComponent(input.files[0].getAsBinary());