C#视图中邮件预览页Post Back时丢失HttpPostedFileBase文件引用问题

嘿，这个问题我之前做邮件系统的时候也踩过坑！太懂那种所有文本数据都传过去了，唯独附件的HttpPostedFileBase突然消失的郁闷了😅

先说说问题根源 #

HttpPostedFileBase是和当前请求上下文绑定的，你从撰写页跳转到预览页本质上是发起了一个新的GET请求，原来的文件上传请求已经结束，对应的文件流早就被服务器释放了。而隐藏input只能存储字符串类的数据，根本没法保存文件的二进制流或引用，所以预览页再做Post Back时自然拿不到文件引用了。

给你几个可行的解决方案 #

方案1：用TempData暂存文件流（最稳妥的跨请求方案）

既然你已经知道TempData，那咱们直接说具体实现：
在撰写页提交到预览页的Action里，把文件流转换成字节数组存到TempData中：

// 撰写页的提交Action
[HttpPost]
public ActionResult Preview(EmailComposeModel model)
{
    // 处理附件存储
    if (model.Attachment != null && model.Attachment.ContentLength > 0)
    {
        using (var memoryStream = new MemoryStream())
        {
            model.Attachment.InputStream.CopyTo(memoryStream);
            // 把文件的关键信息都存到TempData
            TempData["AttachmentBytes"] = memoryStream.ToArray();
            TempData["AttachmentFileName"] = model.Attachment.FileName;
            TempData["AttachmentContentType"] = model.Attachment.ContentType;
        }
    }
    // 其他邮件数据直接传到预览页视图
    return View(model);
}

然后在预览页的发送Action里，从TempData取回文件数据：

// 预览页的发送Action
[HttpPost]
public ActionResult Send(EmailPreviewModel model)
{
    byte[] attachmentBytes = null;
    string fileName = null;
    string contentType = null;

    // 从TempData中取回附件信息
    if (TempData.ContainsKey("AttachmentBytes"))
    {
        attachmentBytes = TempData["AttachmentBytes"] as byte[];
        fileName = TempData["AttachmentFileName"] as string;
        contentType = TempData["AttachmentContentType"] as string;
    }

    // 这里用取回的字节数组构建邮件附件，比如转成MemoryStream后添加到邮件
    // ... 你的邮件发送逻辑

    return RedirectToAction("SendSuccess");
}

注意：TempData默认基于Session存储，要确保项目Session正常启用；如果预览页停留时间过长导致Session过期，文件数据会丢失，这种场景可以考虑用TempData.Peek()或TempData.Keep()来延长数据生命周期。

方案2：改成模态框预览（最优交互方案）

如果业务流程允许调整，直接在撰写页用模态框做预览是更好的选择——不用跳转页面，所有数据（包括文件）都在同一个请求上下文里。点击「预览」按钮时，把邮件内容渲染到模态框里展示，确认后直接提交当前表单，HttpPostedFileBase就不会丢失了。

这种方式既避免了跨请求的问题，用户体验也更流畅，不用来回跳转页面。

方案3：前端转Base64存隐藏域（适合小文件场景）

把文件转换成Base64字符串存在隐藏input中，预览页提交时再把Base64转成字节数组。但这个方法只适合小文件，大文件会导致Base64体积过大，可能超出服务器请求大小限制。

前端JS示例：

// 监听文件选择事件
document.getElementById("attachmentInput").addEventListener("change", function(e) {
    const file = e.target.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = function(event) {
        // 把Base64字符串、文件名、类型存到隐藏域
        document.getElementById("hiddenAttachmentBase64").value = event.target.result;
        document.getElementById("hiddenAttachmentName").value = file.name;
        document.getElementById("hiddenAttachmentType").value = file.type;
    };
    reader.readAsDataURL(file);
});

后端接收示例：

[HttpPost]
public ActionResult Send(EmailPreviewModel model)
{
    if (!string.IsNullOrEmpty(model.AttachmentBase64))
    {
        // 去掉Base64前缀（data:xxx/xxx;base64,）
        var base64Data = model.AttachmentBase64.Split(',')[1];
        byte[] attachmentBytes = Convert.FromBase64String(base64Data);
        // 用fileName和contentType构建附件
    }
    // ... 发送逻辑
}

总结 #

如果必须保留跳转预览页的流程，方案1的TempData方法是最靠谱的；如果可以调整交互，方案2的模态框预览体验最佳，还能避开跨请求的各种坑。

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