ASP.NET MVC实现数据库varbinary文件新标签预览而非下载

一、修正控制器代码 #

当前代码的核心问题是：返回文件时指定了下载文件名，且使用通用二进制流MIME类型，导致浏览器默认触发下载。修改如下：

public FileResult PreviewFile(int? fileId)  
{ 
    if (fileId == null) 
        return null;

    try 
    { 
        var myFile = db.AttachmentDocs.SingleOrDefault(x => x.id == fileId);
    
        if (myFile == null)
            return null;

        byte[] fileBytes = myFile.Data;
        // 根据文件后缀获取对应MIME类型，让浏览器识别并尝试预览
        var mimeType = GetMimeType(myFile.Name);
        // 不指定下载文件名，让浏览器自行处理预览
        return File(fileBytes, mimeType);
    }
    catch
    {
        return null;
    }
}

// 辅助方法：映射文件后缀到对应MIME类型
private string GetMimeType(string fileName)
{
    var extension = Path.GetExtension(fileName).ToLowerInvariant();
    return extension switch
    {
        ".pdf" => "application/pdf",
        ".jpg" or ".jpeg" => "image/jpeg",
        ".png" => "image/png",
        ".gif" => "image/gif",
        ".txt" => "text/plain",
        ".docx" => "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
        ".xlsx" => "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
        // 可根据业务需求添加更多文件类型
        _ => "application/octet-stream"
    };
}

二、简化前端代码，直接在新窗口打开预览链接 #

原前端通过脚本点击隐藏按钮的方式冗余且存在语法错误，直接修改<a>标签即可：

<div class="float-right"> 
    <a href="@Url.Action("PreviewFile", "你的控制器名称", new { fileId = @item.id })" target="_blank">
        <i class="fa fa-paperclip" aria-hidden="true"></i>
        View File
    </a> 
</div>

• 将你的控制器名称替换为实际控制器类名（如File对应FileController）
• target="_blank"确保链接在新标签页打开

三、额外注意事项 #

• 仅浏览器原生支持的文件类型（PDF、图片、纯文本等）能直接预览，Office文档（docx、xlsx）需依赖浏览器插件或在线预览服务，否则仍会触发下载
• 若需强制浏览器尝试预览Office文档，可在控制器中添加响应头：

  Response.Headers.Add("Content-Disposition", $"inline; filename={myFile.Name}");
  

  效果取决于浏览器及用户设置，无法保证100%预览成功

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