Asp.Net MVC视图向控制器传递附件失败，求解决方案

问题根源分析 #

1. 文件输入框名称不匹配：视图中文件input的name="ImageData "带有多余空格，但控制器里用Request.Files["ImageData"]获取，名称不一致导致无法找到文件。
2. 模型绑定未对应：当前视图模型是IEnumerable<MainDetailsVM>，文件上传控件的name没有和模型中SelfImprovementMainVMList[1].Attachment的绑定路径对应，导致模型无法自动接收文件。
3. 控制器接收方式不够规范：直接从Request.Files取不如通过模型绑定或参数接收更可靠。

具体修复步骤 #

1. 修正文件输入框的Name属性 #

视图中的文件input标签，把name="ImageData "改为与模型路径匹配的名称，同时去掉多余空格：

<input type="file" name="SelfImprovementMainVMList[1].AttachmentFile" id="ImageData" onchange="checkImage(this)" />

注意：这里把名称改为SelfImprovementMainVMList[1].AttachmentFile，需要在SelfImprovementMainVM中新增一个HttpPostedFileBase类型的属性来接收文件，因为byte[]无法直接绑定上传的文件。

2. 更新ViewModel类 #

在SelfImprovementMainVM中添加用于接收文件的临时属性，后续再转成byte[]：

public class SelfImprovementMainVM
{
    public int SelfImpId { get; set; }
    public int EmpMarks { get; set; }
    public int SupervisorMarks { get; set; }
    public string Comments { get; set; }
    public byte[] Attachment { get; set; }
    public string FileType { get; set; }
    public string SelfImName { get; set; }
    // 新增用于接收上传文件的属性
    public HttpPostedFileBase AttachmentFile { get; set; }
}

3. 调整控制器接收逻辑 #

修改控制器的Action方法，让模型自动绑定文件：

[HttpPost]
public ActionResult Create(IEnumerable<MainDetailsVM> model)
{
    // 找到对应的SelfImprovementMainVM项
    var selfs = model.First().SelfImprovementMainVMList[1];
    
    if (selfs.AttachmentFile != null && selfs.AttachmentFile.ContentLength > 0)
    {
        selfs.MainDetailID = mainDetails.Id;
        // 把文件转成byte[]
        using (var ms = new MemoryStream())
        {
            selfs.AttachmentFile.InputStream.CopyTo(ms);
            selfs.Attachment = ms.ToArray();
        }
        selfs.FileType = selfs.AttachmentFile.FileName;
        dbs.SelfImprovementMain.Add(selfs);
        dbs.SaveChanges();
    }
    
    // 其他业务逻辑...
    return RedirectToAction("Index");
}

4. 验证前端文件输入的名称一致性 #

确保文件input的name和ViewModel中的属性路径完全匹配，比如如果是model.First().SelfImprovementMainVMList[1].AttachmentFile，那么input的name就是SelfImprovementMainVMList[1].AttachmentFile，这样模型绑定才能正确识别。

额外注意事项 #

• 确认表单的enctype="multipart/form-data"已经正确设置，这是文件上传的必要条件。
• 前端的预览验证逻辑可以保留，不影响文件上传的传递逻辑。

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