Question

我发现在HTML页面中显示pdf文件的选项很少

cf.（以及其他）Recommended way to embed PDF in HTML?

好的，如果我的pdf是多页并且我想要显示特定页面呢？ 只有特定页面，就像它是一张图片一样，意味着用户无法在pdf中滚动。

Q）我可以，以及如何显示给定pdf的给定页面？

想象一种幻灯片放映系统，目的是根据用户的需求在给定pdf的给定页面<div>内显示。

修改

好的，我一直在重新思考，实际上我的问题应该是

如果我的项目托管在我无法访问ssh的共享服务器上，安装任何软件包或添加库，我该如何完成上一个/下一个例子（http://mozilla.github.io/pdf.js/examples/learning/prevnext.html）等

非常感谢

Answer 1

这完全是我个人的观点，您是否可以选择使用这种方式，但我建议iframe将src设置为所需的PDF文档。然后，添加一些HTML input按钮并设置其onclick属性，以更改iframe的来源，以包含页码的参数（#page=3）。作为我的意思的一个例子，请看下面的代码示例：

＆＃13;

<iframe id="example" src="http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf"></iframe>
<input value="Page 5" type="button" onclick="document.getElementById('example').src='http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#page=5';" />
<input value="Page 1" type="button" onclick="document.getElementById('example').src='http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf';" />

＆＃13;

Answer 2

可能最好的方法是使用PDF.JS库。它是纯HTML5 / JavaScript渲染器，适用于没有任何第三方插件的PDF文档。

在线演示：http://mozilla.github.com/pdf.js/web/viewer.html

GitHub：https://github.com/mozilla/pdf.js

这可能是使用JavaScript / HTML5进行此操作的最佳方式

（访问特定页面） http://mozilla.github.io/pdf.js/web/viewer.html#page=13

Answer 3

关于this example，我认为您应该使用“查看源”功能在您使用的任何浏览器中获取HTML和JS，然后添加JavaScript计时器以触发__init__和cgi.FieldStorage JS函数。
如果您需要帮助使用onPrevPage();函数创建JS计时器来更改onNextPage();变量，请参阅以下链接：<登记/> http://www.w3schools.com/js/js_timing.asp

多页pdf - 以html或js显示特定页面

3 个答案: