Upload file from angular to API

Question

I'm trying to upload a file via angular.

So far I can select the file and post it from the angular end but I can't get the controller to receive the file.

this is how I post the file:

var f = new FormData();
f.append("file", file);

$http.post("/LoadFile", f);

but I can't seem to get my controller to receive the file. I've tried all the following:

[HttpPost]
public ActionResult Upload(object file)

[HttpPost]
public ActionResult Upload(HttpPostedFileBase file)

[HttpPost]
public ActionResult Upload(HttpRequestMessage request)

[HttpPost]
public ActionResult Upload()

If I add breakpoint to the methods the only one that gets hit is the last one.

Please See This stackoverflow.com/questions/33730489/…

Rohan Kawade
– Rohan Kawade

2017-06-23 08:06:10 +00:00
Commented Jun 23, 2017 at 8:06 — Rohan Kawade
– Rohan Kawade, Commented Jun 23, 2017 at 8:06

Sun · Accepted Answer · 2017-06-23 08:04:40Z

1

Sorted.

I just needed to add the following the post method:

$http.post("/LoadFile", f, {
                transformRequest: angular.identity,
                headers: { 'Content-Type': undefined }
            });

answered Jun 23, 2017 at 8:04

Sun

4,80817 gold badges73 silver badges118 bronze badges

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

Collectives™ on Stack Overflow

Upload file from angular to API

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related