如何在MVC5中实现在浏览器显示数据库存储的DOCX/PDF文件

看起来你已经搞定了从数据库获取文件二进制数据的第一步，接下来只需要给浏览器返回正确的响应头和内容，就能实现文件的显示了。我根据文件类型给你整理了两种场景的完整实现：

1. PDF文件：直接在浏览器内嵌渲染 #

PDF是浏览器原生支持内嵌显示的，只需要设置正确的ContentType和响应头，让浏览器知道要“内嵌显示”而不是下载：

[HttpGet] 
public ActionResult RetrieveFile(int id) 
{ 
    DiagnosticDetailModel diagnosticDetailModel = GetFileList(id); 
    if (diagnosticDetailModel == null || diagnosticDetailModel.FileContent == null)
    {
        return NotFound("请求的文件不存在");
    }
    
    byte[] fileBytes = diagnosticDetailModel.FileContent.ToArray();
    // 这里假设你的模型里有FileType字段存储文件MIME类型，比如"application/pdf"
    string fileMimeType = diagnosticDetailModel.FileType;

    if (string.Equals(fileMimeType, "application/pdf", StringComparison.OrdinalIgnoreCase))
    {
        // 设置Content-Disposition为inline，告诉浏览器内嵌显示
        Response.Headers.Add("Content-Disposition", "inline; filename=\"document.pdf\"");
        return File(fileBytes, "application/pdf");
    }
    // 下面处理DOCX逻辑
    // ...
}

2. DOCX文件：两种可选方案 #

DOCX没有像PDF那样的原生浏览器支持，所以有两种常用处理方式：

方案A：让浏览器调用本地Office打开（或触发下载） #

如果允许用户用本地Word打开，或者接受部分浏览器直接触发下载，只需要返回正确的DOCX MIME类型即可：

else if (string.Equals(fileMimeType, "application/vnd.openxmlformats-officedocument.wordprocessingml.document", StringComparison.OrdinalIgnoreCase))
{
    // inline模式下，Edge等现代浏览器会尝试内嵌显示，其他浏览器可能触发下载
    Response.Headers.Add("Content-Disposition", "inline; filename=\"document.docx\"");
    return File(fileBytes, "application/vnd.openxmlformats-officedocument.wordprocessingml.document");
}

方案B：转成HTML/PDF后内嵌显示（无本地Office依赖） #

如果需要在所有浏览器里都内嵌显示，推荐用第三方库把DOCX转成HTML或PDF。比如用GemBox.Document（需要先安装NuGet包GemBox.Document）：

// 先安装NuGet包：Install-Package GemBox.Document
else if (string.Equals(fileMimeType, "application/vnd.openxmlformats-officedocument.wordprocessingml.document", StringComparison.OrdinalIgnoreCase))
{
    // 免费版需要设置这个密钥，生产环境请用正式授权密钥
    ComponentInfo.SetLicense("FREE-LIMITED-KEY");
    
    using (var fileStream = new MemoryStream(fileBytes))
    {
        var document = DocumentModel.Load(fileStream);
        
        // 转成HTML（直接在浏览器显示）
        var htmlOptions = new HtmlSaveOptions();
        htmlOptions.EmbedImages = true; // 把图片内嵌到HTML里，避免外部引用
        using (var htmlStream = new MemoryStream())
        {
            document.Save(htmlStream, htmlOptions);
            htmlStream.Position = 0;
            string htmlContent = new StreamReader(htmlStream).ReadToEnd();
            return Content(htmlContent, "text/html");
        }
        
        // 如果你更想转成PDF显示，用下面这段替代上面的HTML逻辑：
        // using (var pdfStream = new MemoryStream())
        // {
        //     document.Save(pdfStream, new PdfSaveOptions());
        //     pdfStream.Position = 0;
        //     Response.Headers.Add("Content-Disposition", "inline; filename=\"document.pdf\"");
        //     return File(pdfStream.ToArray(), "application/pdf");
        // }
    }
}

前端调用示例 #

不管是PDF还是转后的HTML，都可以用<iframe>在页面里内嵌显示：

<!-- 显示PDF -->
<iframe src="/YourControllerName/RetrieveFile?id=123" width="100%" height="600px" frameborder="0"></iframe>

<!-- 如果是转成HTML的DOCX，直接访问接口或者用AJAX插入到页面 -->
<div id="docx-container"></div>
<script>
fetch('/YourControllerName/RetrieveFile?id=123')
  .then(res => res.text())
  .then(html => document.getElementById('docx-container').innerHTML = html);
</script>

几个重要提示 #

• 一定要在你的DiagnosticDetailModel里保存文件的MIME类型（比如上传时就记录），如果没有的话，也可以根据原始文件名的扩展名来判断（比如.docx对应application/vnd.openxmlformats-officedocument.wordprocessingml.document）。
• 处理大文件时，尽量用流操作代替一次性转成byte[]，避免内存占用过高。
• 转DOCX的第三方库还有很多选择，比如DocX、Aspose.Words等，你可以根据项目需求选择合适的。

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