使用 IFormFile 通过 JS 将文件上传到 ASP.Net Core

Question

我正在尝试发送文件和其他数据到 Asp-Core-BackEnd。

在 backendController 中，我像这样读取文件：

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

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

适用于其他客户。但是我想在 JS 中使用 Api。

我的 js 代码（反应）如下所示：

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);

但 Form.Files 是一个空数组

Answer 1

试试这个？

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

使用 IFormFile 通过 JS 将文件上传到 ASP.Net Core

Upload Files via JS to ASP.Net Core with IFormFile

javascript

file-upload

reactjs

asp.net-core