ViewModel结合IFormCollection报500错误 - ASP.NET Core技术问询

兄弟，你遇到的500错误核心问题是你把FormData嵌套在了普通对象里发送，ASP.NET Core的模型绑定根本没法解析这种结构，而且手动设置Content-Type还会丢失关键的boundary标识，后端直接就懵了。

给你改好的JavaScript代码，直接用就行：

const myFiles = new FormData(); 
// 这里你已经append文件了，比如 myFiles.append('MyFiles', 你的文件对象);

const myInfo = { Id: 0, Name: "Hello World" };
// 把MyInfo的每个属性都追加到FormData里，用"MyInfo.属性名"的格式让后端识别嵌套模型
Object.entries(myInfo).forEach(([key, value]) => {
  myFiles.append(`MyInfo.${key}`, value);
});

// 直接传FormData就行，axios会自动处理正确的Content-Type（带boundary）
axios.post(`/Info/UploadInfo`, myFiles);

再给你补充后端需要配合的代码，确保能正确绑定数据：

ViewModel示例 #

public class UploadViewModel
{
    public InfoDetail MyInfo { get; set; }
    public IFormFileCollection MyFiles { get; set; }
}

public class InfoDetail
{
    public int Id { get; set; }
    public string Name { get; set; }
}

控制器Action #

[HttpPost]
public IActionResult UploadInfo([FromForm] UploadViewModel vm)
{
    // 这里写你的业务逻辑，比如保存文件、处理MyInfo数据
    return Ok("上传成功");
}

最后再提几个排查小技巧：

• 绝对别手动设置multipart/form-data头！axios传FormData时会自动生成带boundary的正确头，手动设置反而会搞砸解析。
• 要是还是报错，去看服务器的日志，500错误一般会有详细的异常信息，比如模型绑定失败的具体原因、文件大小超限之类的。
• 检查路由是否正确，确保/Info/UploadInfo对应你的InfoController里的UploadInfo方法。

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