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 Feb 15 '14 at 21:05 — Vayas, Feb 15 '14 at 21:05

Aftab Ahmed · Accepted Answer · 2014-02-15T20:38:56.180

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 '14 at 20:38

answered Feb 15 '14 at 20:30

Aftab Ahmed

1,727
11
15

At back end you need to get these params from Request["feild1"] – Aftab Ahmed Feb 15 '14 at 20:39
How is It? Can example? – Vayas Feb 15 '14 at 20:41
Server method is not called at all if I use FormData. If you send a string everything works fine – Vayas Feb 15 '14 at 20:42
here is a good example you can have a look. http://www.codeproject.com/Articles/13700/Simple-AJAX-implementation-for-ASP-NET-Web-applica – Aftab Ahmed Feb 15 '14 at 20:58

score 0 · Answer 2 · edited May 23 '17 at 11:50

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 '17 at 11:50

Community

1
1

answered Feb 15 '14 at 20:42

Patrick Hofman

153,850
22
249
325

Unfortunately, no. I use iframe, but it is advisable FormData Html5. FormData works in MVC, but WebForms no – Vayas Feb 16 '14 at 20:47

FileUpload formData in ASP.NET WebForms

2 Answers2