浏览器打开pdf，禁止下载打印

之前在网站上打开pdf文件，都是用浏览器查看pdf时自带的功能，可以下载打印，最近要求打开pdf后仅供用户预览，禁止下载打印。网上查了一下，发现有很多前辈都遇到过，解决方法是用pdf.js。
1.下载
官网提供了一个demo，稍微改一下就可以用了，真的超棒。pdf.js下载
2.修改
将下载的插件包拷贝到自己的项目中，我是放在了WebRoot下。打开web下的viewer.js将默认的路径置为“”
3.利用
在页面中打开pdf链接的地方修改成链接到pdf/web/viewer.html的。例如：我这边用的是a标签。

<a id="attach" target="_blank" title="title" href="/pdfjs/web/viewer.html?file=pdf路径">title</a>

修改完之后，现在打开pdf是这个样子的啦

4.禁止下载打印
在下载的web/viewer.html 中找到下载打印的button

把要隐藏的按钮加上style="display:none"就可以了（如果把整个按钮注释的话会报错哦）。效果图是这种=>

安全起见可以把web/viewer.js中的这两行代码也注释掉。

5.注意
虽然隐掉了页面上的下载打印的按钮，但是右键依然可以另存为和打印，所以可以在web/viewer.html加一个禁止右键。一定要在viewer.html里下下边这段代码哦。

<script type="text/javascript">// 禁止右键菜单document.oncontextmenu = function(){ return false; };// 禁止文字选择document.onselectstart = function(){ return false; };// 禁止复制document.oncopy = function(){ return false; };// 禁止剪切document.oncut = function(){ return false; };// 禁止粘贴document.onpaste = function(){ return false; };
</script>

6.结束
这样就可以啦，开心

浏览器打开pdf，禁止下载打印相关推荐

前端js html转换成pdf可下载打印；前端js可批量生成条形码；前端js可批量生成二维码，生成letter标签
注意:本文调试的是letter纸尺寸前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...
C# 调用浏览器打开pdf || 设置焦点
1. 调用浏览器打开pdf: 1) 第一种:使用固定的浏览器打开pdf System.Diagnostics.Process.Start("msedge.exe", @" ...
vue-cli使用pdf.js插件浏览pdf文件，禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的. 小编在网上找到pdf.js插 ...
使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印
有的项目需要显示PDF类的文档, 大多需要在项目中禁止将PDF打印, 下载我最初采用embed标签显示 PDF, iframe,object标签都可以显示但是这类标签的打印和下载按钮不可以禁止, ...
PDF文件上载图标，与启用浏览器浏览允许后依然无法在浏览器打开PDF文件的解决方案...
1. 在网站上显示PDF文件的图标,具体步骤如下: 1) 准备好一张16 x 16 的GIF图片,作为PDF的图标. 2) 把这个图标复制到 "C:\Program File ...
简单两步解决Microsfot Edge浏览器打开PDF卡住的问题 - 【大鼓的电脑百科】
Hi,我是大鼓,欢迎来到[大鼓的电脑百科],这是我们的第一篇文章,希望这篇文章可以帮到你! 前言在日常使用中,有时候会遇到使用Microsoft Edge打开PDF时,Microsoft Edge会 ...
Android 调用第三方浏览器打开网址或下载文件
/*** 调用第三方浏览器打开* @param context* @param url 要浏览的资源地址*/public static void openBrowser(Context context ...
微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载
大家在使用微信推广的时候是不是经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示"已停止访问该网页".这对于使用微信推广的商家来说非常不友好,而且造成的 ...
微信如何实现自动跳转到用其他浏览器打开指定页面下载APK的方案
微信在朋友圈中屏蔽了APP store的链接,以及所有.apk的链接, 这意味着app下载在微信浏览器中全面被屏蔽.如何突破这层屏蔽, 业界的朋友也是想尽了一切办法,恩,其实我这里还是有一些办法的. ...

浏览器打开pdf，禁止下载打印

浏览器打开pdf，禁止下载打印相关推荐

最新文章

热门文章