我们可以使用Magnific Popup插件查看.pdf文件吗?

时间:2014-05-28 09:44:49

标签: javascript jquery css magnific-popup

我正在使用Magnific Popup插件来查看.pdf文件。如果文件是图像,它正在工作,但如果文件是.pdf,如何实现这一点?以下是带有pdf文件链接的示例锚点。

<a href="https://binja-qa.s3.amazonaws.com/4/29/expenseReports/1401263084707_ProjectExpenseReport(Jan 1, 2014-Jan 24, 2014) (2).pdf?iframe=true&width=90%&height=100%" class="with-caption image-link" title="Click on image to enlarge/reduce it">Click here to open</a>

提前致谢。

1 个答案:

答案 0 :(得分:6)

尝试使用iframe进行夸张弹出?

$(document).ready(function() {
    $('.iframe-popup').magnificPopup({
        type: 'iframe'
    });
});

并通过

打开

<a class="iframe-popup" href="http://example.com/file.pdf">Open Iframe PDF</a>