How to upload file to an ASP.NET Core controller?

Question

I have this client code on web-client to load some kind of file.

fileUploaded(files) {
  files.forEach(async ifile => {
    await axios.post('http://localhost:5000/api/upload', ifile)
      .then(res => {
        console.log(res)
      }).catch(err => {
        console.error(err); 
      });
  });
}

My endpoint code looks like this:

[HttpPost("upload")]
public async Task<IActionResult> UploadFile([FromBody] IFormFile file)
{
    var data = new byte[file.Length];

    using (var bstream = file.OpenReadStream())
    {
        while (bstream.CanRead)
        {
            bstream.Read(data);
        }
    }

    // etc

    return Ok();
}

Parameter file is always null. How to deliver this file from the client the right way?

try using [FromForm] instead of [FromBody]

Oluwadamilola Adegunwa
– Oluwadamilola Adegunwa

2021-06-05 22:17:48 +00:00
Commented Jun 5, 2021 at 22:17 — Oluwadamilola Adegunwa
– Oluwadamilola Adegunwa, Commented Jun 5, 2021 at 22:17

leotuna · Accepted Answer · 2022-12-05 11:46:03Z

6

Instead of

UploadFile([FromBody] IFormFile file)

Use

UploadFile([FromForm] IFormFile file)

And

fileUploaded(files) {
  files.forEach(async ifile => {
    const formData = new FormData();
    formData.append('file', ifile)
    await axios.post('http://localhost:5000/api/upload', formData)
      .then(res => {
        console.log(res)
      }).catch(err => {
         console.error(err); 
      });
  });
}

edited Dec 5, 2022 at 11:46

answered Jun 5, 2021 at 16:34

leotuna

4266 silver badges13 bronze badges

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

2 Comments

Matías Alejandro Novillo Over a year ago

what is fileUploaded? Is it a function?

leotuna Over a year ago

It is a JavaScript function, @MatiasNovillo

Oluwadamilola Adegunwa · Accepted Answer · 2021-06-05 22:39:04Z

1

in the UploadFile method, just, do this

//if asp.net mvc
var file1 = System.Web.HttpContext.Current.Request.Files[0];

//if asp.net core
var file2 = Request.Form.Files[0];

answered Jun 5, 2021 at 22:39

Oluwadamilola Adegunwa

3592 silver badges10 bronze badges

1 Comment

Troy Over a year ago

This is a valid alternative to changing the method signature

Collectives™ on Stack Overflow

How to upload file to an ASP.NET Core controller?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related