iframe禁止下载、打印、右键!

最近给银行做一个项目,内网开发!使用了浏览器自带的PDF预览功能。行里的需求是不让下载、打印、鼠标右键禁止显示菜单。本来想用pdf.js代替的,遇到了跨域的问题,PDF地址是行里给的,让他们改很困难。解决办法是:1、用Nginx配置代理(后端不想改配置);2、是前端用low的办法处理(目前只能用这种办法)。

一、iframe隐藏头部的toolbar

隐藏工具条,在iframe的src的地址后面加入’#toolbar=0’,就可以了。
iframe禁止下载、打印、右键!_第1张图片

二、禁止右键显示菜单

加蒙版CSS样式定位挡住,再加一行禁止右键显示菜单代码:

iframe禁止下载、打印、右键!_第2张图片

三、上代码

还是有2个bug:1、鼠标只能放到滚动条上才能滚动,用户体验不好;2、不知道滚动条的具体宽度会有像素差,鼠标放上去右键还是会显示菜单。
解决办法:最好使用pdf.js,还有就是让后端配置Nginx PDF文件路径代理。





  
  
  
  Document
  


  

你可能感兴趣的:(iframe禁止下载、打印、右键!)