如何将 multipart/form-data 发送到 ASP.NET Core Web API？

Question

我正在尝试将图像和文本字段发送到 API 端点，但我收到了

不支持的内容类型'multipart/form-data; 边界=----------------------------81801171514357

这是一个 ASP.NET Core 2.1 Web API。我有这个：

[HttpPost("/api/account"), Authorize]
public void SaveUser(UserModel info)

还有我的模特：

    [JsonProperty(PropertyName = "avatar")]
    [DataType(DataType.Upload)]
    public IFormFile Avatar { get; set; }

    [JsonProperty(PropertyName = "name")]
    [DataType(DataType.Text)]
    public string Name { get; set; }

那我用axios:

    var formData = new FormData();
    formData.append("avatar", imageFile);
    formData.append("name", name);
    axios.post("/api/account", formData);

我希望这个方法能够运行，而不是抛出异常。但是怎么做？我已经尝试添加：

[Consumes("application/json", "multipart/form-data")]

但没有成功。

然后我尝试了：

[HttpPost("/api/account"), Authorize]
public void SaveUser([FromForm]UserModel info)

方法运行，但 info 对象的属性为空:(

更新： 解决方案，不要使用 JsonProperty PropertyName。使用变量名。

Answer 1

这是您正在寻找的工作示例

控制器：

[HttpPost]
public async Task<IActionResult> SaveFile([FromForm] IFormFile file) {
  // Your code here
}

在你的模型内部：

public IFormFile File { get; set; }

如果您不需要，请更改async Task<IActionResult>...

Answer 2

也许您应该尝试使用[FromForm] 属性装饰控制器输入和模型？ 在此处查看更多信息：web api parameters binding。

在给定的示例中，您的控制器操作应如下所示：

[HttpPost("/api/account"), Authorize]
public void SaveUser([FromForm]UserModel info)

在模型中：

[FromForm(Name="avatar")]
public IFormFile Avatar { get; set; }

[FromForm(Name="name")]
public string Name { get; set; }