how to ajax post an image to a C# web method with jquery

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 can't do that via AJAX, because file uploads are not supported by the basic XMLHttpRequest mechanism. What you have to do (either yourself or with one of various plugins that help) is post the form like a plain old form, and either target it at a hidden (or visible) <iframe> or simply reload your whole page.

Answer 2

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.