如何在 FancyBox 1.3.4 中显示 PDF？答案

【问题标题】：How to show PDF inside FancyBox 1.3.4?如何在 FancyBox 1.3.4 中显示 PDF？
【发布时间】：2014-01-25 22:21:09
【问题描述】：

我有一个包含多条记录的网格。当用户单击一行时，表单将提交到服务器，我将在服务器上生成 PDF 并将其流回。那么FancyBox就是把这个PDF数据拿出来并显示出来。以下是我生成 PDF 数据的方式：

var id = grid.SelectedItems[0].GetDataKeyValue("RECORD_ID");
var byteArrayPDF = GeneratePDF(id);
Response.Clear();
Response.ContentType = "application/pdf";
Response.AppendHeader("Content-Disposition", "inline;filename=recorddetail.pdf");
Response.BufferOutput = true;
Response.BinaryWrite(byteArrayPDF);
Response.End();

浏览器识别数据流并正确显示 PDF。现在我需要在 FancyBox 中显示这个 PDF。请帮忙。非常感谢！

【问题讨论】：

标签： c# jquery pdf fancybox

【解决方案1】：

试试这个解决方案

<a class="fancybox" href="http://samplepdf.com/sample.pdf">Open pdf</a>

$(".fancybox").fancybox({
    width  : 600,
    height : 300,
    type   :'iframe'
});

fancybox show pdf

【讨论】：

感谢您的回复，科埃略！我在服务器上没有 PDF 文件。我需要触发grid的item click提交到根据提交的记录ID生成PDF文件的服务器并发送回。
是的，我的问题中的代码示例是生成 PDF 的服务器代码。只要客户端有PDF插件/阅读器，就可以正确渲染PDF。