What type to expect on the .Net server when using HTML5 FormData to send files

Question

I am using html5 FormData to send files to the server. However, the incoming photos object is always null. I can see the files being send in the network monitor. I think the type that i expect is wrong. Currently i have:

[HttpPost]
public JsonResult AssignImages(IEnumerable<HttpPostedFileBase> photos)
{
    return new JsonResult();
}

I also tried:

[HttpPost]
public JsonResult AssignImages(IEnumerable<HttpPostedFile> photos)
{
    return new JsonResult();
}

My JS:

function sendFileToServer(formData, status) {
    var uploadURL = "/Inventory/AssignImages"; //Upload URL
    $.ajax({
        url: uploadURL,
        type: "POST",
        contentType: false,
        processData: false,
        cache: false,
        data: formData,
        success: function (data) {
        }
    });

function handleFileUpload(files){
     var fd = new FormData();
     for (var i = 0; i < files.length; i++) {
                fd.append('File', files[i]);
                sendFileToServer(fd, status);
    }
}

Have you tried something like this? http://stackoverflow.com/a/14674531/120955 — StriplingWarrior, Jan 30 '14 at 00:45

score 1 · Accepted Answer · edited May 23 '17 at 11:49

1

You have to get the files from the Request.Files collection.

See https://stackoverflow.com/a/14674531/120955

edited May 23 '17 at 11:49

Community

1
1

answered Jan 30 '14 at 16:52

StriplingWarrior

151,543
27
246
315

What type to expect on the .Net server when using HTML5 FormData to send files

1 Answers1