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.关于签名印章无法显示的问题已经在源码里面改正了,但是出现了一个问题,就是翻到有盖章的页面就会报下图的错,未解决,希望大家帮忙提点指正~

©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页