如何在WebAPI MVC中实现在浏览器直接显示PDF而非下载

我懂你现在的困扰——接口返回的PDF总是直接弹出下载框，没法在浏览器里直接预览对吧？看你已经写了部分代码，我来帮你调整一下，让它实现浏览器内直接显示的效果。

先看看你现有的代码片段：

[Route("api/DiagnosticDetail/RetrieveFile/{id}")]
[HttpGet]
public HttpResponseMessage RetrieveFile(int id)
{
    DiagnosticDetailModel diagnosticDetailModel = GetFileList(id);
    byte[] img = diagnosticDetailModel.FileContent.ToArray();
    HttpResponseMessage result = Request.CreateResponse(HttpStatusCode.OK);
    result.Content ...
}

问题的核心在于响应头的设置：默认情况下，浏览器收到PDF数据时可能会触发下载，我们需要明确告诉浏览器“这是PDF文件，直接在页面里显示它”。

你可以这样修改代码：

[Route("api/DiagnosticDetail/RetrieveFile/{id}")]
[HttpGet]
public HttpResponseMessage RetrieveFile(int id)
{
    DiagnosticDetailModel diagnosticDetailModel = GetFileList(id);
    byte[] pdfBytes = diagnosticDetailModel.FileContent.ToArray();
    
    HttpResponseMessage result = Request.CreateResponse(HttpStatusCode.OK);
    // 设置内容为字节数组，并指定正确的MIME类型
    result.Content = new ByteArrayContent(pdfBytes);
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");
    
    // 关键：设置Content-Disposition为inline，告诉浏览器直接显示而非下载
    // 如果需要给文件指定名称，可以加上filename参数，比如："inline; filename=DiagnosticReport.pdf"
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("inline")
    {
        FileName = "DiagnosticReport.pdf" // 可选，给PDF指定显示的文件名
    };
    
    return result;
}

关键调整点说明： #

• Content-Type：设置为application/pdf，让浏览器识别这是PDF格式的内容，知道该用内置的PDF阅读器处理。
• Content-Disposition：设置为inline（而不是默认的attachment），这是让浏览器直接显示文件的核心参数。如果保留attachment，浏览器就会触发下载行为。

另外要注意：如果用户的浏览器没有内置PDF阅读器（比如某些旧版本浏览器），还是可能会触发下载，但这是浏览器本身的限制，我们的接口设置已经做到了最优。

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