Vue2集成pdfjs要点
创始人
2024-11-14 20:33:49
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就可以啦，还有禁止右键菜单代码也可加进来效果杠杠的
还有跨域，百度一下注销那三行代码就可以了
这样就可以正常预览啦
相关内容
热门资讯
脚本透视！aapoker脚本，...
脚本透视！aapoker脚本，aapoker如何设置胜率（透视）总是是有技巧（哔哩哔哩）小薇（辅助器...
脚本详情！德普之星辅助工具如何...
脚本详情！德普之星辅助工具如何设置，德普之星辅助工具如何打开（透视）总是真的是有脚本（哔哩哔哩）脚本...
透视推荐！wpk官网下载链接，...
透视推荐！wpk官网下载链接，wpk透视辅助（透视）都是是真的教程（哔哩哔哩）1、超多福利：超高返利...
脚本详情！wpk辅助器，wpk...
脚本详情！wpk辅助器，wpk德州局怎么透视（透视）好像是真的软件（哔哩哔哩）1、德州局怎么透视破解...
透视分享！wejoker透视方...
透视分享！wejoker透视方法，wepoker黑侠辅助器（透视）都是真的有脚本（哔哩哔哩）1、用户...
脚本关于！wpk辅助购买，wp...
脚本关于！wpk辅助购买，wpk模拟器（透视）都是真的是有神器（哔哩哔哩）1、每一步都需要思考，不同...
脚本教你！aapoker真的假...
脚本教你！aapoker真的假的，aapoker发牌逻辑（透视）都是真的是有软件（哔哩哔哩）1、辅助...
脚本曝光！wpk俱乐部是真的吗...
脚本曝光！wpk俱乐部是真的吗，wpk透视辅助方法（透视）确实是有器（哔哩哔哩）1、每一步都需要思考...
透视辅助！aapoker插件，...
透视辅助！aapoker插件，aapoker透视怎么用（透视）原来是有方法（哔哩哔哩）暗藏猫腻，小编...
透视揭露！hhpoker哪个俱...
透视揭露！hhpoker哪个俱乐部靠谱，hhpoker透视脚本（透视）都是有攻略（哔哩哔哩）1、透视...