Vue2集成pdfjs要点

avatar
作者
猴君
阅读量:0

开发环境:
官网下载,解压,在项目public文件夹下新增文件夹pdfjs,解压后的文件放进来,主要是build和web。

Iframe没什么好说的,src 指向地址“/pdfjs/web/viewer.html?file=你的pdf地址,pdf地址最好用encodeURIComponent包一下。

生产环境:
Iframe 的src 指向地址要变为绝对路径,…/…/pdfjs/web/……

因为我打包的dist 内pdfjs文件夹和static 平行的,所以地址这样写

Nginx还需要配置
location /pdfjs {
跟一般项目配置就可以
注意index 加一个viewer.html
try_files $uri $uri/ /部署的文件夹名称/pdfjs/…/viewer.html
}

注意,有的文件接口本身get请求带?号传递参数,viewer .html?file=这也有个?问号,可能会有影响,你可以修改一下接口rest风格就可以了

viewer.html内可以找到print 和download标签使用css隐藏实现禁止下载打印,当然保险的方式直接注销代码,但是会导致添加监听事件报错,需要在viewer.mjs内找到11975行添加判断eventName 不等于print download就可以啦,还有禁止右键菜单代码也可加进来效果杠杠的

还有跨域,百度一下注销那三行代码就可以了

这样就可以正常预览啦

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!