Upload Files via JS to ASP.Net Core with IFormFile

Question

I am trying to send a file and other data to an Asp-Core-BackEnd.

In the backendController, I read the file like:

IFormFile file = HttpContext.Request.Form.Files.First(); //don't work

HttpContext.Request.Form.TryGetValue("id", out id)  //works

Works for other Clients. But I want use the Api with JS.

My js-code (react) looks like this:

const formData = new FormData();      
formData.append('id', 123);
formData.append('files', files);  //don't work

const config = {
    headers: {
      'content-type': 'multipart/form-data; charset=utf-8; boundary="------";'
    }
  }
        
await axios.post(url, formData, config);

but Form.Files is an empty Array

Tiny Wang · Accepted Answer · 2021-10-25 08:32:30Z

3

Try this?

[HttpPost]
        public string getfile([FromForm] string id, [FromForm] IFormFile file) {
            return "success";
        }

answered Oct 25, 2021 at 8:32

Tiny Wang

16.8k2 gold badges23 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Upload Files via JS to ASP.Net Core with IFormFile

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related