Angular 5上传文件至C#控制器时IFormFile始终为空的问题

嘿，我之前也踩过这个坑！你的问题主要出在请求格式不匹配和控制器参数修饰符错误这两个地方，咱们一步步来修正：

1. 修正C#控制器的参数修饰符 #

你用了[FromBody]来修饰IFormFile参数，这是错误的！因为文件上传采用的是multipart/form-data格式，而[FromBody]是用来解析JSON/XML这类请求体的，完全不搭。

直接去掉[FromBody]就行（ASP.NET Core默认会从表单数据中绑定IFormFile），或者明确加上[FromForm]也可以：

[HttpPost]
[Route("api/Blogs/Upload")]
public IActionResult Upload(IFormFile file) // 去掉[FromBody]
{
    if (file == null || file.Length == 0)
    {
        return BadRequest("未上传有效文件");
    }
    // 这里写你的文件处理逻辑，比如保存到服务器
    return Ok("文件上传成功");
}

2. 修正Angular服务的请求方式 #

你不能直接把File对象作为POST请求的参数提交，必须把它包装成FormData对象——这是multipart/form-data格式要求的正确提交方式：

public async upload(file: File) {
  try {
    const formData = new FormData();
    // 注意：这里的键名"file"必须和控制器的参数名完全一致！
    formData.append('file', file);
    // 不需要额外设置responseType，默认JSON格式就够用
    return await this.http.post(this.baseUrl + "api/Blogs/Upload", formData).toPromise();
  } catch (error) {
    console.log(JSON.stringify(error));
  }
}

额外注意事项 #

• 不要手动设置请求头的Content-Type为multipart/form-data：Angular的HttpClient会自动为FormData生成带正确boundary的请求头，手动设置反而会导致请求解析失败。
• 确保FormData的键名和控制器参数名完全匹配，大小写也要一致！

内容的提问来源于stack exchange，提问作者jordanpowell88