Angular与.NET Core分离架构下，参数testtest传值异常排查求助

我之前处理过不少前后端分离的文件上传场景，结合你的描述来看，后端接收到testtest始终为0的核心问题，大概率是FormData参数的模型绑定配置缺失导致的，下面一步步帮你排查修复：

问题核心分析 #

当你通过Angular上传文件时，使用的是FormData格式（multipart/form-data），而.NET Core对于简单类型参数（比如int testtest），默认不会自动从表单数据中绑定，而是会尝试从路由、查询字符串等位置获取，当找不到对应值时就会使用int的默认值0。

修复步骤 #

1. 给后端参数添加[FromForm]特性 #

修改你的.NET Core接口代码，给testtest参数加上[FromForm]特性，明确告诉框架从表单数据中读取这个参数的值：

[HttpPost("addFile")]
public async Task AddFile(IFormFile files, [FromForm]int testtest)
{
    var fileName = Path.GetFileName(files.FileName);
    var filePath = Path.Combine("C:\\test", fileName);
    using (var fileSteam = new FileStream(filePath, FileMode.Create))
    {
        await files.CopyToAsync(fileSteam);
    }
}

2. 确认前端FormData的键名匹配 #

检查你Angular代码中构建FormData的部分，确保testtest的键名和后端参数名完全一致（大小写敏感）：

// 示例前端代码（根据你的实际场景调整）
const formData = new FormData();
// 注意这里的键名"files"要和后端的IFormFile参数名一致
formData.append('files', yourSelectedFile);
// 确保键名是"testtest"，值可以是数字或字符串（后端int会自动解析）
formData.append('testtest', '10'); 
// 或者直接传数字：formData.append('testtest', 10);

3. 不要手动设置Content-Type #

Angular的HttpClient在传递FormData时，会自动设置正确的Content-Type: multipart/form-data并生成边界值，不要手动设置这个请求头，否则会导致后端无法正确解析表单数据。

验证方法 #

修改完成后，你可以通过Postman直接测试接口：

• 选择POST请求，地址指向你的addFile接口
• 切换到Form Data选项卡，添加两个字段：
  • files：选择一个测试文件
  • testtest：输入10
• 发送请求后，后端就能正确接收到testtest=10的值了

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