Question

Possible Duplicate:
How can I upload files asynchronously with JQuery?

I have a file upload field, after the image was selected, I make a jquery ajax post to an aspx page’s page method. My question is, how can I pass that image via jquery? When I do $(this).val() it only gets the file name. I want to pass the image object itself.

Answer 1

You cannot upload a file using AJAX.

Instead, you can make an <iframe> with a simple <form> tag that has nothing but a file upload and submits to a page that renders a <script> tag that calls back into the parent page with the server’s response.

You can then submit the form in the <iframe> using Javascript from the parent page.