Fancybox 不显示 PDF 但会下载它

Question

我正在使用 FancyBox 来显示 PDF 文件。当直接通过文件系统访问文件时，它工作得很好。

但是，由于我们的文件限制，我无法直接通过文件系统来完成此操作。我创建了一个通过 ASP.NET API 返回

FileResult

的端点，但结果是，FancyBox 正在下载文件而不是显示它。返回

File

对象的内容类型为

System.Net.Mime.MediaTypeNames.Application.Pdf

我不确定处理这个问题的最佳方法，而且文档很少。

链接看起来像

<a role="button" data-document-id="@(document.id)" data-fancybox href="~/api/[email protected]&type=@(document.extension)" class="btn btn-success">Download</a>

Answer 1

与Fancybox无关。它只是创建 iframe 元素并将源指向您的文件。所以，如果你可以简单地使用

<iframe>

元素将你的 PDF 嵌入到你的 HTML 文档中，那么它也可以在 Fancybox 中工作。 Fancybox 不解析和渲染你的文件，你可以使用 https://mozilla.github.io/pdf.js/ 。