ASP.NET Core中IFormCollection无法读取List<PictureModel>属性的问题

我来帮你搞定这个ASP.NET Core里表单回发无法读取List<PictureModel>集合的问题——你之前的代码里只能拿到Id和Title，自定义的PictureModel_6这类键完全找不到，核心原因是原视图没生成符合ASP.NET Core模型绑定规则的表单字段，导致服务器没法识别集合数据。

下面是调整后的可行方案：

修改视图代码 #

把原来遍历Pictures的foreach改成for循环，同时用HiddenFor生成带索引的隐藏字段，让模型绑定能正确识别集合结构：

<div>
    @for (var i = 0; i < Model.Pictures.Count; i++)
    {
        var base64 = Convert.ToBase64String(Model.Pictures[i].DbPicture);
        var imgSrc = String.Format("data:image/gif;base64,{0}", base64);
        @Html.HiddenFor(x => x.Pictures[i].Id)
        @Html.HiddenFor(x => x.Pictures[i].DbPicture)
        <img src="@imgSrc" alt="Uploaded picture"/>
    }
</div>

为什么这么改？ #

ASP.NET Core的模型绑定对集合类型有要求：字段名称必须带索引标记（比如Pictures[0].Id），for循环配合HiddenFor会自动生成符合规则的name属性，这样表单回发时这些值才能被服务器正确解析。另外<img>只是展示用，不需要加asp-for属性。

修改控制器代码 #

现在完全不需要依赖IFormCollection了，直接让控制器接收MasterModel参数，模型绑定会自动把表单数据填充到对象里：

[HttpPost]
public ActionResult Save(MasterModel _m)
{
    // 直接使用_m.Pictures即可，集合已经自动填充了Id和DbPicture数据
    if (_m.Pictures != null && _m.Pictures.Any())
    {
        // 这里写你的图片处理逻辑
    }
    // 其他业务代码...
    return RedirectToAction("Edit", new { id = _m.Id });
}

关键变化 #

现在_m参数会自动包含完整的Pictures集合，不用再手动遍历IFormCollection找字段了。如果还有文件上传需求，直接保留IFormFile uploadFile参数就行，不会影响模型绑定。

这样调整后，表单回发时服务器就能正确接收并绑定List<PictureModel>集合，再也不用纠结IFormCollection里找不到集合键的问题啦~

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