AJAX upload file

Question

I know there is a ton of questions like this but I can't get things to work :( In script below only "test=bla" is posted and file is not. What am I doing wrong? Thanks!!!

<input type="file" name="fileUpload" id="fileUpload" onchange="fileUploadChange(this);"   />


function fileUploadChange(e) {
    var mydata = new FormData();
    mydata.append("test", "bla");
    mydata.append("fff", e.files[0]);

    $.ajax({
        type: "POST",
        url: "TestApp/Home/fileUpload",
        contentType: false,
        processData: false,
        data: mydata,
        success: function (data) {
            alert("success");
        }
        error: function (error) {
            alert("error");
        }
    });
}

After further investigation I have figured it out: in .NET MVC, Controller.Request object has Form property and Files property. Simple data items like strings, integers etc can be found in the Form.Keys, Files are located in Request.Files

@Çağrı Backend get test=bla but doesn't get fff at all

shlasasha
– shlasasha

2020-04-11 17:22:17 +00:00
Commented Apr 11, 2020 at 17:22 — shlasasha
– shlasasha, Commented Apr 11, 2020 at 17:22

Cagri Tacyildiz · Accepted Answer · 2020-04-11 16:13:26Z

1

u missed , between success and error methods.

$.ajax({
        type: "POST",
        url: "TestApp/Home/fileUpload",
        contentType: false,
        processData: false,
        data: mydata,
        success: function (data) {
            alert("success");
        },
        error: function (error) {
            alert("error");
        }
    });

answered Apr 11, 2020 at 16:13

Cagri Tacyildiz

17.7k6 gold badges38 silver badges61 bronze badges

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

5 Comments

shlasasha Over a year ago

You r right but it's just a typo in the question. Not the real problem. Thank you tho!

Cagri Tacyildiz Over a year ago

this ajax code is right. it works then problem is in your backend. so u should share also backend code too

shlasasha Over a year ago

backend is -- Debug.WriteLine(Request.Form.AllKeys); OR: Request.Form.Count And I'm getting only one key.

Cagri Tacyildiz Over a year ago

I mean are u using .net core or .net mvc ? can u share your code that take request from ajax?

shlasasha Over a year ago

I have updated my question. Yes I was looking in a wrong place :( Thank you. Your question helped me think in a right direction.

Collectives™ on Stack Overflow

AJAX upload file

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related