尝试使用jQuery模式弹出窗口通过iframe查看pdf文件

时间:2011-07-21 17:21:33

标签: jquery pdf iframe embed modal-dialog

我正在尝试使用jQuery模式弹出窗口显示pdf文件,但是,它要求用户在页面加载时下载文件,而不是在模式对话框打开时嵌入iframe内的pdf文件。 / p>

我该如何解决这个问题?

3 个答案:

答案 0 :(得分:4)

我正在使用MVC输出pdf文件,而打开而不是下载,我使用了这个:

Response.AddHeader("Content-Disposition", "inline; filename=mypdf.pdf");

为了在对话框中查看它我选择在div中使用iframe,这成了我的对话框:

<div class="dialog" style="display:none; overflow:scroll;">
    <iframe src="mypdf.pdf"></iframe>
</div>
...
$(".dialog").dialog();

确保对话框div的溢出设置为“auto”不同。否则它不会在IE上显示。

如果您需要示例,请查看此链接:http://helpdesk.toitl.com/data/p/toitl.com/dv/dialog_with_pdf/

答案 1 :(得分:1)

一些示例代码将是一个很大的帮助。

我使用已经证明非常灵活的fancybox来做到这一点。

此链接也可能有用。 Populating Iframe with PDF - Using MVC [IE Issue]

答案 2 :(得分:0)

导致这种情况的原因是浏览器中的设置不同,因为某些浏览器设置为显示pdf,而某些浏览器设置为下载它。

一种选择是尝试创建一个显示PDF的Flash对象。

另一种选择是google pdf viewer http://docs.google.com/viewer?pli=1