vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错
pdf.js的引入是在将官网下载的包放到static目录,然后通过iframe引用的。但是vue-cli3.0没有static文件夹,下面详细介绍一下vue-cli3.0的引入方式
1.下载包
百度搜索pdfjs,或者点击链接http://mozilla.github.io/pdf.js/getting_started/#download 点击下载

2.在public目录新建static文件夹,将下载的pdf包解压了放进去
注意static文件夹不能创建在src统计目录,否则访问不到,会报错Uncaught SyntaxError: Unexpected token '<'

3.这个包有7M,我为了缩小体积将语言包几乎都删了,只留下简体中文

4.在vue页面引用,src可以是绝对路径或者文件流,
我测试用的src: 'https://dakaname.oss-cn-hangzhou.aliyuncs.com/file/2018-12-28/1546003237411.pdf'
<iframe
:src="'/static/pdf/web/viewer.html?file=' + src"
class="pdf-viewer"
/>
5. 运行效果(我对源码进行了改造,加了一个蓝色的可以勾选的按钮)

6.由于我的项目不需要右边的所有功能,所以我将右边的按钮以及代码删掉了,我的项目效果,选择的页码和总页码存在sessionStorage

7.贴下链接https://github.com/wsq-wushiqi/vue-pdf-use/tree/master/pdfwatcher
8.关于签名印章无法显示的问题已经在源码里面改正了,但是出现了一个问题,就是翻到有盖章的页面就会报下图的错,未解决,希望大家帮忙提点指正~


浙公网安备 33010602011771号