Upload Files to ASP.NET Core. Array is always empty

Question

I have the following Asp.Net Core 5 controller to upload files:

[HttpPost("files")]
public virtual async Task<IActionResult> Upload(IFormFile[] files) {
}

The files are being uploaded from a Javascript library ...

I checked the browser console and the Request being sent is:

Request

Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryWkiZgifAgMo5d8v3
Accept: */*
Referer: http://localhost:5000/admin/files/upload
Origin: http://localhost:5000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15
X-Requested-With: XMLHttpRequest


Request Data
MIME Type: multipart/form-data
Boundary: ----WebKitFormBoundaryWkiZgifAgMo5d8v3
Request Data: 

  ------WebKitFormBoundaryWkiZgifAgMo5d8v3
  Content-Disposition: form-data; name="files[]"; filename="4e540d9d58d4bf6dd7f713e775a8f9bd 2.jpg"
  Content-Type: image/jpeg
  ------WebKitFormBoundaryWkiZgifAgMo5d8v3--

In my File Controller the array files has no item ...

Any idea what I might be missing?

Hi @MiguelMoura, any updates about this case? – Fei Han Mar 26 '21 at 05:16 — Fei Han, Mar 26 '21 at 05:16

score 1 · Answer 1 · answered Mar 23 '21 at 02:57

In my File Controller the array files has no item

Content-Disposition: form-data; name="files[]"; filename="4e540d9d58d4bf6dd7f713e775a8f9bd 2.jpg"

In your code, we can find your action method Upload accept a parameter named files, but you seems set form data key with files[], which cause the posted files can not bound to IFormFile[] files parameter.

To fix it, you can try to modify form data key from files[] to files.

formData.append("files", imgfile);

score 0 · Answer 2 · answered Mar 22 '21 at 22:08

0

you forgot FromForm?

 public virtual async Task<IActionResult> Upload([FromForm] IFormFile[] files) { .. }

answered Mar 22 '21 at 22:08

tmsbrndz

1,297
2
9
23

score 0 · Answer 3 · answered Mar 26 '21 at 16:38

The problem is Redactor always sends the data key with [], e.g. files[].

It allows to change the name from files to something else but always adds [].

So I created a custom function ... Maybe useful to someone facing the same problem.

imageUpload: function(data, files, e, upload) {
  data.append('file', files[0]);
  return fetch('/files/images', {
    method: 'POST',
    body: data
  })
  .then(response => {
    return response.json()
  })
  .then(response => {
    upload.complete(response);
  })
  .catch(response => {
    upload.complete(response);
  });
}

Upload Files to ASP.NET Core. Array is always empty

3 Answers3