实施PDF.js Viewer示例

时间:2019-03-07 15:11:56

标签: javascript pdfjs

我在尝试实现找到的here的PDF.js查看器演示时遇到了问题,但是我一直遇到未设置某些属性的问题。检查控制台,我得到两个错误:

第一个错误:

IsNullOrWhiteSpace

第二个错误:

app.js:883 Uncaught (in promise) TypeError: Cannot read property 'setPagesCount' of null
at Object.load (app.js:883)
at app.js:666

我试图通过亲自研究代码并将其与示例进行比较来解决这个问题,但是没有运气。我还在网上四处张望,试图弄清为什么会发生这种情况,但仍然空手而归。在我看来app.js:870 Uncaught (in promise) TypeError: Cannot read property 'then' of undefined at app.js:870 中没有设置this.toolbar,但是我不知道为什么会这样。

通过在线浏览,我相信我对此进行了适当设置,但并不是100%积极。这是我的设置:

first error

有没有人曾经经历过并且可以提供帮助?如果没有,有谁知道我可以去哪里看?

还有一点需要注意的是,我已经将文件移出了它们原来的<script type="text/javascript"> $(document).ready(function () { var pdfDoc = '@pdf'; // Open the default file after the document is ready. Otherwise, PDFViewerApplication probably won't exist. PDFViewerApplication.open(pdfDoc); }); </script> build目录之外。我以为自己更改了web中的配置路径以适应这种情况,但是也许我错过了吗?

1 个答案:

答案 0 :(得分:1)

看来我的问题是我没有在locale.properties中添加HTML的链接资源。原来我遇到的第一个错误更像是一条红鲱鱼,并且能够通过专注于第二个错误来解决此问题。

我添加了这个:

<link rel="resource" type="application/l10n" href="[your path to]/locale/locale.properties">

查看器的所有HTML都位于此位置,并立即加载。