表单选择文件提交后参数均为null的技术问题求助

这个问题我之前也碰到过，核心是带文件上传的表单（multipart/form-data编码）和普通表单的参数传递逻辑不一样，具体原因如下：

当你给表单加上enctype="multipart/form-data"后，浏览器会用专门的编码格式处理请求——这时候只有表单内部的表单控件（比如input、select这些）的值会被打包进请求体里。如果你的office和path参数是通过路由参数（比如asp-route-office）或者表单外的元素传递的，在文件上传场景下这些值根本不会被包含到请求中，控制器自然拿不到，就变成null了。

而不选文件提交时，有些浏览器会自动回退到默认的application/x-www-form-urlencoded编码，这时候路由参数或者其他隐式传递的参数能被模型绑定识别，所以office能正常获取到值。

具体解决方案 #

1. 在表单内加隐藏域传递参数 #

最直接的办法是把office和path作为表单字段放在form标签内部，用隐藏域来传递值——这样multipart编码时会自动把这些值带进去：

<div class="row">
    <form method="POST" asp-action="Upload" asp-controller="FloorPlan" enctype="multipart/form-data">
        <!-- 用隐藏域传递office和path，name属性要和控制器参数名完全一致 -->
        <input type="hidden" name="office" value="@Model.Office" />
        <input type="hidden" name="path" value="@Model.Path" />
        
        <!-- 你的文件上传控件 -->
        <input type="file" name="file" />
        
        <button type="submit">提交</button>
    </form>
</div>

重点：name属性必须和控制器的参数名（office、path）完全匹配，模型绑定才能正确对应上。

2. 控制器显式指定表单绑定（可选但更清晰） #

在控制器的参数上加上[FromForm]特性，明确告诉框架从表单数据里绑定这些参数，避免歧义：

[HttpPost]
public IActionResult Upload([FromForm]string office, [FromForm]string path, IFormFile file)
{
    // 这里可以添加文件上传的处理逻辑，比如保存file到服务器
    return RedirectToAction("Index", new { office = office });
}

另外，如果你需要接收上传的文件，必须在控制器里加IFormFile参数（名称要和文件input的name一致，这里是file），不然文件也接收不到哦。

3. 放弃路由参数传递方式 #

如果你之前是用asp-route-office="@Model.Office"这类路由参数的方式传值，在multipart表单下这种方式是不生效的——必须改成表单内的隐藏域传递，因为multipart请求的路由参数不会自动绑定到控制器的表单参数上。

按照上面的方法修改后，不管选不选文件提交，office和path都能被正确传递到控制器里了。

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