FancyBox无法显示PDF文件，点击后直接触发下载问题求助

问题核心是API返回的响应头触发了浏览器下载行为，同时FancyBox未正确识别内容展示方式，按以下步骤处理：

1. 调整ASP.NET API的响应头 #

默认返回FileResult时，浏览器可能将Content-Disposition默认设为attachment（触发下载），需显式设置为inline让浏览器尝试内嵌展示：

public IActionResult DownloadDocument(int documentID, string type)
{
    // 替换为你的文件流获取逻辑
    var fileStream = GetDocumentStream(documentID);
    var fileName = $"document_{documentID}.{type}";

    // 设置Content-Disposition为inline，指定文件名（可选）
    var contentDisposition = new System.Net.Mime.ContentDisposition
    {
        Inline = true,
        FileName = fileName
    };
    Response.Headers.Add("Content-Disposition", contentDisposition.ToString());

    return File(fileStream, System.Net.Mime.MediaTypeNames.Application.Pdf);
}

2. 配置FancyBox以iframe方式加载PDF #

PDF需要通过iframe在FancyBox中展示，可通过两种方式配置：

方式一：给链接添加data-type属性 #

<a role="button" data-document-id="@(document.id)" data-fancybox data-type="iframe" href="~/api/DownloadDocument?documentID=@document.Id&type=@(document.extension)" class="btn btn-success">View PDF</a>

方式二：全局初始化FancyBox时指定类型 #

$('[data-fancybox]').fancybox({
    type: 'iframe',
    iframe: {
        preload: false // 避免预加载导致的问题
    }
});

3. 验证浏览器支持 #

现代浏览器（Chrome、Firefox、Edge等）均内置PDF阅读器，无需额外插件；若用户使用旧版浏览器，可能需要提示安装阅读器，但这属于边缘情况。

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