首页 > 解决方案 > 实现 PDF.js 查看器示例

问题描述

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

第一个错误:

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在 中没有设置任何内容first error,但我无法弄清楚为什么会这样。

通过在线查看,我相信我设置正确,但不是 100% 积极的。这是我的设置:

<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>

有没有人曾经经历过这种情况并且能够提供帮助?如果没有,有谁知道我可以从哪里开始看?

另外要注意的是,我已将文件移到其原始目录buildweb目录之外。我以为我更改了配置路径viewer.js以适应这一点,但也许我错过了一个?

标签: javascriptpdfjs

解决方案


看来我的问题是我没有locale.properties在我的HTML. 结果我得到的第一个错误更像是一个红鲱鱼,并且能够通过关注第二个错误来解决这个问题。

我添加了这个:

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

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


推荐阅读