阅读量: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就可以啦,还有禁止右键菜单代码也可加进来效果杠杠的
还有跨域,百度一下注销那三行代码就可以了
这样就可以正常预览啦