How to upload file without post back in asp.net?

Question

I am uploading jpg image using the fileupload control. The image is uploaded after the page is posted back.

My problem is I want to upload the image immediately after the user double clicks on the file name or presses the open button on the select file dialogue.

I have searched a lot over the internet but I've been unable to find the suitable example for my application.

How can I achieve this?

Please help.

Thanks in advance.

score 3 · Answer 1 · answered Mar 11 '13 at 10:17

3

Take a look at AsyncFileUpload via Ajax

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/AsyncFileUpload/AsyncFileUpload.aspx

<ajaxToolkit:AsyncFileUpload OnClientUploadError="uploadError"
    OnClientUploadComplete="uploadComplete" runat="server"
    ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern"
    UploadingBackColor="#CCFFFF" ThrobberID="myThrobber"
/>

answered Mar 11 '13 at 10:17

J.Starkl

2,183
1
13
15

sir i want to do this without using ajax control. – Malik Mar 20 '13 at 09:47

score 2 · Answer 2 · answered Mar 11 '13 at 10:23

you can do with Ajax and Jquery. Jquery File Upload

html

<input id="fileupload" type="file" name="files[]" data-url="server/yourMethodToPost/">

Jquery

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});

score 2 · Answer 3 · edited Mar 11 '13 at 13:27

2

You might try to use ajax AsyncFileUpload

edited Mar 11 '13 at 13:27

SztupY

10,291
8
64
87

answered Mar 11 '13 at 13:09

Manoj Kumar Yellapragada

132
1
11

score 1 · Answer 4 · edited May 23 '17 at 12:06

1

If you want to upload a file to the Server you always need to do a Postback. However, there are different ways to do a postback. You can use Ajax to do a postback or partial postback.

Take a look at this topic

edited May 23 '17 at 12:06

Community

1
1

answered Mar 11 '13 at 10:18

Jordy van Eijk

2,718
2
19
37

How to upload file without post back in asp.net?

4 Answers4