javascript – 修改viewer.js文件

前端之家收集整理的这篇文章主要介绍了javascript – 修改viewer.js文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据Mozilla的pdfjs插件,我可以通过将查询参数传递给 viewer.html来查看我的pdf,如下所示:
http://localhost/MyProject/viewer.html/?file=file.pdf

这工作正常.但我有一些不同的要求.我的项目中的要求是我需要在单个页面添加类似功能的选项卡.每个选项卡都包含一个pdf文件.

所以,我正在考虑将viewer.js中的所有代码变为一个很大的功能.这样我就可以用它作为构造函数来渲染每个pdf文件.像这样的东西:

var firstPdf = new paintPdf({file: 'myfile.pdf'});

无论如何,当我能够在我的项目中成功集成pdfjs的查看器功能时,我决定稍后进行上述更改.

我的项目总结:

>单页面应用程序
>所有模板都在名称对象 – 模板中的单个文件中维护

为此,首先,我复制了viewer.html的body标签内的所有html,并将其作为新属性附加到templates对象.然后我将所有必要和依赖文件从示例复制到我的项目文件夹并动态加载它们.我包含的文件是:

> pdf.js
> pdf.worker.js
> viewer.js
> l10n.js
> viewer.css – 我没有动态加载此文件.

加载文件后,我使用lodash呈现viewer.html的模板.不过,我无法在我的项目中看到渲染的pdf.我怀疑这可能是因为一切都是动态发生的. (但我不确定,因为一切都按顺序呈现,因为它应该是)

顺便说一下,我在index.html文件旁边添加名称为compressed.tracemonkey-pldi-09.pdf的默认pdf.我能错过什么?

Firefox和Chrome不会抛出任何错误.

注意:我可能做错了.建议我在正确的方向上解决将是可观的.

解决方法

修改viewer.js时的一些重点.

>建议您构建自己的viewer.js,而不是修改可用的viewer.js文件,该文件实际上仅用于演示目的.
>您可以通过访问每个js文件available here来创建自己的viewer.js文件.

如果您只在现有的demo viewer.js中修改了一些小东西,那么

>在viewer.js中提及pdf.worker.js文件的确切路径.
>此文件将开始在DomContentLoaded事件上呈现pdf.如果您计划稍后动态呈现pdf文件,则应该注释此事件寄存器并在必要时调用以下函数.

webViewerLoad();

我希望这会对某人有所帮助.

猜你在找的JavaScript相关文章