FileUpload formData in ASP.NET WebForms

Question

I have some problem with posting formData to server side action method. Because ajax call doesn't send files to server, I have to add file uploader data to formData manually like this
It is impossible to call a server method

[WebMethod]
    public HttpPostedFileBase Name(HttpPostedFileBase file)
    {
        string ret = "test";
        return file;
    }

Errors on the client side no I wrote jQuery function that need to post form data to server using ajax call. this is my script:

data.append(self.idFileInput, file[f]);
    $.ajax({
        type: "POST",
        url:  "/AddContract.aspx/Name",            
        data: data,
        dataType: 'json',
        contentType: false,
        processData: false,
        success: function (data) {

        }
    });

Any tips, link or code example would be useful.
Thank you in advance!

string works, but I need to upload files using FormData JS

Vayas
– Vayas

2014-02-15 21:05:17 +00:00
Commented Feb 15, 2014 at 21:05 — Vayas
– Vayas, Commented Feb 15, 2014 at 21:05

Aftab Ahmed · Accepted Answer · 2014-02-15 20:38:56Z

1

try to use contentType: 'application/json; charset=utf-8',

$.ajax({
    type: "POST",
    url:  "AddContract.aspx/Name",            
    data: { field1: self.idFileInput, field2 : file[f]} ,
    dataType: 'json',//Remove this line this line is causing issue.
    contentType: 'application/json; charset=utf-8',
    processData: false,
    success: function (data) {

    }
});

edited Feb 15, 2014 at 20:38

answered Feb 15, 2014 at 20:30

Aftab Ahmed

1,73711 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Aftab Ahmed Over a year ago

At back end you need to get these params from Request["feild1"]

Vayas Over a year ago

How is It? Can example?

Vayas Over a year ago

Server method is not called at all if I use FormData. If you send a string everything works fine

Aftab Ahmed Over a year ago

here is a good example you can have a look. codeproject.com/Articles/13700/…

Community · Accepted Answer · 2017-05-23 11:50:34Z

0

In a previous answer I said something stupid about ASPX not supporting WebMethod calls, which they do.

Now a real answer:

In order to post a file you need to use the ajaxSubmit method. See this reference.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Feb 15, 2014 at 20:42

Patrick Hofman

158k23 gold badges270 silver badges343 bronze badges

1 Comment

Vayas Over a year ago

Unfortunately, no. I use iframe, but it is advisable FormData Html5. FormData works in MVC, but WebForms no

Collectives™ on Stack Overflow

FileUpload formData in ASP.NET WebForms

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related