在 iframe 中预览部分 pdf？答案

【问题标题】：Preview part of pdf in iframe?在 iframe 中预览部分 pdf？
【发布时间】：2015-10-27 10:15:13
【问题描述】：

我目前使用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 的单独文件？

提前致谢。

【问题讨论】：

也许 PDFJS 有一个 API 可以帮助您。它允许您将 pdf 页面呈现到画布上。
看起来不错的解决方案！你能把它变成答案吗？

标签： javascript html pdf iframe

【解决方案1】：

PDFJS 可以为您提供很好的解决方案。你可以这样使用它：

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

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

        // Do stuff with you page

    });

});

调用getPage函数时应该会加载你得到的页面。

【讨论】：