在iframe中预览pdf的一部分?

时间:2015-10-27 10:15:14

标签: javascript html5 pdf iframe

我目前正在使用iframe在我的网页上显示pdf文件,如下面的代码:

<div class="col-lg-4">
    <label class="pull-right">My PDF doc</label>
    <iframe ng-src="http://www.name.com/docId" id="preview" style="min-height:550px; width: 100%;"></iframe>
</div>

URL返回文件,一切正常。

但是,如果文件长100页,我必须加载所有100页。有没有办法告诉iframe或使用javascript或其他技术只显示总页数的一部分,而不必在服务器中使用单独的URL创建单独的文件?

提前致谢。

1 个答案:

答案 0 :(得分:1)

PDFJS可以为您提供良好的解决方案。您可以像这样使用它:

PDFJS.getDocument('helloworld.pdf').then(function(pdf) {

    pdf.getPage(1).then(function(page) {

        // Do stuff with you page

    });

});

并且在调用getPage函数时应该加载您获得的页面。