How to upload a file using asp.net without posting the whole page back?

Question

I want to upload a file using asp.net so I do not want to post back the page while uploading . How can I do that and is there any way to do it using Ajax .

Answer 1

An iframe can be placed on your page and can contain an input element, type=file. You can manipulate and submit the iframe form via javascript. You can hide the iframe by setting its CSS style to display:none. This is generally known as the hidden iframe method.

Answer 2

Use something proven like SWFUpload and save yourself the time of writing your own client code.

Answer 3

here is an article on CodeProject describing how to build Ajax file upload with asp.net.

Here is one that uses jQuery.

Answer 4

Make the file upload form target a hidden iframe.

<iframe name="UploadTarget" style="display:none"></iframe>
<form target="UploadTarget" action="postfile" method="post" enctype="multipart/form-data">
<input type="file" name="MyFile">
<input type="submit" name="submit" value="Send me a file">
</form>

The final trick is to add to your response page:

<script type="text/javascript">parent.somecallbackfunction("Here is some data")</script>

To let your parent page ( the one containing the hidden iframe) know that the the file upload has completed.

Answer 5

Check this thread, hope this will help you
http://stackoverflow.com/questions/797190/file-uploading-in-ajax-updatepanel-without-full-postback