最近在做一个土地档案管理系统 ,有个需求是在前端网页展示土地档案扫描件的pdf文件,并根据目录跳转到指定页。
第一个问题,显示pdf文件。引入pdf.js。然后设定html地址,地址为http://localhost:8080/JYSystem/static/plugins/pdfJs/web/viewer.html?file=pdf文件路径
如图
这一步网上已经有很多人实现了,并写了博客,这里我就一笔带过。
第二个问题,根据目录页码跳转到指定页。这个问题看起来挺简单,实际上还是有点麻烦(不知道是不是自己水平还有待提高),主要是网上没人写过类似的东西,无法举(生)一(搬)反(硬)三(套)。既然找不到类似资源,那就自己想办法吧。
1 观察pdf.js中显示pdf的html的页面,viewer.html,发现它有一个页面跳转的工具。只要修改参数好像就可以完成任务。
2 既然是这样,那就传参数吧。用ajax传?抱歉,我自我定位不是程序员(不是我针对程序员,而是我水平不够),不想用那么多所谓技术,我只是想用最简单合理的方式解决问题。我选择的是直接在html里把参数带进来。即http://localhost:8080/JYSystem/static/plugins/pdfJs/web/viewer.html?file=/JYSystem"+document.getElementById("savePath