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就可以啦，还有禁止右键菜单代码也可加进来效果杠杠的
还有跨域，百度一下注销那三行代码就可以了
这样就可以正常预览啦
相关内容
热门资讯
总结辅助！购买的wpk辅助在哪...
总结辅助！购买的wpk辅助在哪里下载，德普之星辅助软件，解密教程（存在有挂）购买的wpk辅助在哪里下...
教程攻略！聚财平台辅助，小闲川...
教程攻略！聚财平台辅助，小闲川南宜宾辅助，办法教程（有挂工具）1、全新机制【小闲川南宜宾辅助ai辅助...
玩家亲测！poker worl...
玩家亲测！poker world辅助器，雀友会广东潮汕麻雀，攻略教程（有挂教学）1、全新机制【雀友会...
法门辅助！wpk控制牌是真的吗...
法门辅助！wpk控制牌是真的吗，hhpoker怎么破解，解迷教程（有挂讲解）1、起透看视 wpk控制...
查到实测辅助！情怀莆仙外挂，湖...
查到实测辅助！情怀莆仙外挂，湖北逍遥卡五星辅助，绝活儿教程（果真有挂）1、全新机制【湖北逍遥卡五星辅...
据统计！wepoker怎么设置...
据统计！wepoker怎么设置房间，hhpoker大菠萝有没有作比，模板教程（有挂技巧）1、全新机制...
模板辅助！wepoker透视a...
模板辅助！wepoker透视app下载，wepoker俱乐部辅助，曝光教程（发现有挂）1、下载好we...
教程辅助！乐乐围棋入门辅助，爱...
教程辅助！乐乐围棋入门辅助，爱来大菠萝挂，教材教程（有挂分析）1、不需要AI权限，帮助你快速的进行乐...
技术分享！werplan免费挂...
技术分享！werplan免费挂下载，天酷游戏交易平台，手筋教程（有挂方法）1、下载好天酷游戏交易平台...
法门辅助！wepoker开脚本...
法门辅助！wepoker开脚本视频，aapoker透视脚本下载，了解教程（有挂教学）aapoker透...