将文件发送到（获取到C＃Web API）

Question

我尝试将JS FETXH API的文件发送到ASP .NET 6 WebAPI，并获得400个状态。

let data = new FormData()
data.append('file', file)
const response = await fetch('https://localhost:7054/Pictures',
{
    method: 'POST',
    headers: {
         'Content-Type': 'multipart/form-data'
    },
    body: data
});

[HttpPost]
public async Task<ActionResult> Index([FromBody]IFormFile file)
{
    try
    {
        using (var fs = new FileStream(dir, FileMode.Create))
        {
             await file.CopyToAsync(fs);
        }
        return StatusCode(StatusCodes.Status201Created);
    }
    catch
    {
        return StatusCode(StatusCodes.Status500InternalServerError);
    }
}

如果删除FormData并发送“文件”会产生相同的错误。 如果删除“ content-type”在每种情况下都获得415状态。 如果将“ content-type”设置为“应用程序/json”和iformfile更改为字符串，则将JSON发送，则可以正常工作。

Answer 1

1. [来自Body]使用接收application/json数据。您需要更改[来自Body]到[From Form]

2.使用fetch和formdata。未设置content-type标题。

下面的整个工作演示：

let data = new FormData();
data.append('file', file);
const response = fetch('https://localhost:7054/Pictures',
{
    method: 'POST',  
    body: data
});

API控制器：

[HttpPost]
public async Task<ActionResult> Index([FromForm] IFormFile file)
{
   //.....
}