pdf.js取消下载按钮，ctrl+s仍可以保存（pdf.js）

最新推荐文章于 2024-10-15 10:19:10 发布
最新推荐文章于 2024-10-15 10:19:10 发布
阅读量2.9k 收藏 11
点赞数 2
分类专栏： pdf.js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51751522/article/details/117153709
版权
本文档介绍了如何在PDF.js中隐藏下载按钮并阻止使用Ctrl+S保存文件。首先，在viewer.html中通过CSS将下载按钮设置为不可见，然后在viewer.js中注释掉相关下载代码。此外，还需注释掉处理Ctrl+S保存的代码段以完全禁止文件保存操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

pdf.js禁止下载按钮

  1. 先在viewer.html中隐藏下载按钮，大概在221行（版本不同行数可能不一致）在download按钮属性上加上style=“display: none”，隐藏按钮
    在这里插入图片描述

  2. 在viewer.js中注释掉下面这行代码，就达到了取消下载按钮的目的，大概在1582行
    在这里插入图片描述

  3. 这时候你会发现，虽然下载按钮没有了，但是你在页面按下ctrl+s依然能保存文件。接下来就是解决ctrl+s保存的问题。
    在viewer.js中注释掉以下代码，大概在2519行。
    在这里插入图片描述
    这样ctrl+s保存的问题就解决了

浏览器在线PDF预览取消下载按钮
孙叫兽的博客
05-25 5736
业务场景：需要在线PDF下载的功能，刚开始用的是第三方的PDF.JS，按照网上的方法操作，排查，发现没有作用，经过和后端小伙伴沟通，原来这个地址是浏览器PDF预览。 目录 浏览器PDF取消办法： 在需要URL地址后边加上代码 PDF.JS取消下载的办法： 浏览器PDF取消办法： 在需要URL地址后边加上代码 '#toolbar=0' 加了代码： 或者 修改完看下效果： 上面的整行黑条都没了 打工告成！ 顺便说一下 PDF.JS取消下载的办法： vi...
使用pdf.js预览pdf，隐藏下载功能，注释ctrl+s下载功能
jayquartus的博客
07-18 7730
第一次写博客，因为浏览器自带的预览pdf功能无法隐藏下载按钮，所以使用pdf.js来代替。 使用pdf.js步骤 1.在官网下载pdf.js并解压（地址：PDF.js ） 选择稳定版下载，下载之后在项目的资源目录下创建一个文件夹，压缩文件解压到项目的资源目录下 2.如何预览pdf 使用pdf.js预览pdf是很简单的，链接web目录下的viewer.html页面，将pdf文件地址当作f...
打开PDF去除下载按钮（pdf.js）
墨 尘
12-09 8412
最近在做一个打开pdf只要预览不要下载的功能，浏览器打开的话会有一个下载按钮，但是我不想要这个按钮，找了好久没找到去掉这个按钮的方法，最后我选择了用pdf.js。 其实pdf.js用起来还是挺简单的： 链接: https://pan.baidu.com/s/1itCT9_AK2HBPNxIC9fvV5w 提取码: ymtk 下载后解压，然后放到web工程里面 首先打开web目录下的view...
pdf.js禁止下载，打印（包括快捷键ctrl+s,ctrl+p）
weixin_45320964的博客
03-15 2389
pdf.js禁止下载打印
pdfjs禁用打印下载与快捷键
qq_38335756的博客
02-21 798
【代码】pdfjs禁用打印下载与快捷键。
PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
WCX_joker的博客
02-17 2889
基于 PDF.js 开发了 PDF 批注注释插件库，支持多种批注类型，支持写入批注到pdf中并保存，为目前纯前端 JavaScript 最佳实现方案，完美支持老版浏览器、手机、平板等移动端设备，仅使用 PDF.js dist 版本，可以方便集成到任意项目中。
web项目引入PDF.js并添加水印禁止下载
01-08
防止用户通过鼠标操作保存PDF，可以在`viewer.js`中找到处理鼠标右键点击的函数，阻止其默认行为，例如取消`contextMenu`事件的监听。 **6. 添加全局水印** 添加全局水印通常需要自定义PDF.js的渲染过程。创建一个...
关于pdf在线预览，限制下载打印，pdf.js
qq_37542212的博客
04-16 1万+
1、在线预览pdf 本人原本是做php开发的，所以开始实现这个功能的时候考虑的是php有没有相应的类库，然后发现百度给出的结果全是file_get_content以及fopen函数，实验之后显示的全部是乱码，不知道是自己的原因还是本来这种方法就是不对的，然后就考虑到html上，在这之间有一个很让我惊喜的收获就是H5Slides，能够在线编辑ppt，觉得是个很厉害的东西，以后有时间的话或许会yan...
在Web页面中使用pdf.js显示和水印PDF文件
使用PDF.js来在Web项目中显示PDF文件，不仅可以提高应用的兼容性和安全性，而且借助其丰富的API，还可以定制化地增强用户体验，例如添加水印、限制下载和打印等。此外，通过HTML中的iframe标签，可以方便地将PDF查看...
js实现PDF 预览和文件下载
前端开发工程师博客
05-26 1万+
综上所述，实际在实现pdf预览的过程中可能暂时没有办法达到完美的方式，特别是针对类似发票类的pdf无法保证 h5移动端都具备下载功能无法保证 pdf预览时，预览的字体和实际发票字体保持一致现有大部分的预览方式都基于pdf.js的方式实现，而pdf.js内部通过的方式基于文件地址或数据流来获取内容，再通过canvas处理渲染pdf文件，感兴趣可以去研究pdf.js源码。pdf.js带来相关问题就是如果对应的pdf文件中包含了pdf.js中不存在的字体，那么就无法完整渲染，另外渲染出来的字体和原本的。
pdf.js使用demo，（已解决资源跨域访问，隐藏打印下载等按钮）
12-02
由于谷歌浏览器停止对flash的支持，所以项目中用到的pdf预览插件需要更换。对比比较以后选择的pdf.js。在文件跨域访问上花费了很长时间，走了很多弯路才解决问题。下载和打印按钮的隐藏处理相对简单粗暴直接把view.html工具栏的div隐藏即可
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
10-14
最近项目需要屏蔽客户端的一些操作，加大查看源码等难度，特整理一下这个js，也防止客户端用户误操作，破解方放也很简单这里就不多说了
保存pdf文件的一种方法
sunyan3517的博客
11-21 1169
功能：保存pdf文件 判断是否为pdf：（ctrl+s）弹出保存框保存的文件夹后缀为pdf类型则为pdf文件 可以扩展为任何的类型 实现原理其实比较简单：实现热键 strl+s 然后执行热键 enter 即可 环境：win10 + python3 需要安装库：selenium， pyautogui 安装方法：pip install ... (不存在特殊安装要求) #coding:u...
利用pdf.js 实现 pdf文件在线预览，但不能打印，保存。不能右键另存。
三木君的博客
06-28 1万+
主题思想：首先调用.viewer.html利用整个插件显示出pdf文档。 然后整个html的页面格式。把右上角的保存，下载按钮屏蔽掉。 这个比较简单就把button设置成不可见就行了。另外就是右键保存，这个找了很多网上的方法。试了都没成功。 比如什么屏蔽鼠标右键之类的方法。 监听鼠标右键的函数，然后返回个false不做操作等。   现在实现的效果是，可以右键，点击下载。但是下载的东西乱码，不能显示...
PDF.js 在线pdf阅读插件（禁止打印，下载，每页水印）
热门推荐
澪月
11-23 6万+
PDF.js实际运行起来的页面UI效果：http://mozilla.github.io/pdf.js/web/viewer.html 插件下载：https://pan.baidu.com/s/1jIDxrYA 1.调用方法： 把generic文件放在项目代码中 a href="resources/js/pdfJs/generic/web/viewer.html?file=../.
禁用掉pdf.js中的不需要的功能
ZMJ_QQ的博客
02-07 727
禁用掉pdf.js中的不需要的功能1、注释viewer.html中的“下载”按钮。2、注释viewer.js的代码。
PDF.js 使用示例（已解决隐藏打印下载等按钮）
最新发布
gitblog_09799的博客
10-15 463
PDF.js 使用示例（已解决隐藏打印下载等按钮） 【下载地址】PDF.js使用示例已解决隐藏打印下载等按钮 PDF.js 使用示例（已解决隐藏打印下载等按钮）本仓库提供了一个PDF.js的使用示例，特别解决了隐藏打印、下载等按钮的问题 ...
基于pdf.js实现对pdf预览、批注功能、 保存下载pdf,适配H5,平板 踩坑记录
zhangyongbink的博客
09-25 1159
基于pdf.js实现对pdf预览、批注功能、 保存下载pdf,适配H5,平板 踩坑记录
PDF.js对打印、下载按钮做限制，pdf文件加水印
青崖梦
06-20 5241
threejs教程下载pdf
07-21
### 回答1： 要下载Three.js的教程PDF，您可以按照以下步骤进行操作。 1. 打开您的浏览器，并导航到Three.js官方网站（https://threejs.org/）。 2. 在网站顶部的主导航菜单中，找到并点击"Docs"选项。 3. 这将带您进入Three.js的文档页面。在左侧的导航栏中，您可以找到各个主题的教程和文档。 4. 在导航栏中，找到您感兴趣的教程主题，点击进入对应的文档页面。 5. 在文档页面中，您会找到关于该主题的详细教程和示例代码。 6. 要下载PDF版本的教程，可以使用浏览器的打印功能来保存为PDF文件。您可以使用快捷键"Ctrl + P"（Windows）或"Command + P"（Mac）来打开打印对话框。 7. 在打印对话框中，选择保存为PDF的选项，并进行相应的设置。您可以选择保存整个教程或只保存您感兴趣的部分。 8. 点击保存按钮，选择保存的位置和文件名，然后点击确认。 9. 完成上述步骤后，您就成功地下载了Three.js教程的PDF版本。 通过以上步骤，您可以方便地下载并保存Three.js教程的PDF版本，以便离线学习和查阅。 ### 回答2： 如果想要下载three.js的教程PDF，可以按照以下步骤进行操作。 首先，打开您的网络浏览器，输入 "three.js教程下载PDF" 进行搜索。在搜索结果中，可以找到许多网站提供的下载链接。 选择一个你信任的网站，并打开该网站。在网站上，你可以找到一个包含three.js教程PDF的下载链接或按钮。 在下载链接或按钮的旁边，可能会有一些附加的信息或说明。请仔细阅读这些信息，确保你准备好下载PDF文件。 点击下载链接或按钮，浏览器将开始下载PDF文件。具体的下载进度和速度取决于你的互联网连接。 在下载完成后，可以在浏览器的下载文件夹中找到刚刚下载的PDF文件。你可以将其保存到你喜欢的位置，或者打开查看其中的内容。 如果在搜索过程中没有找到合适的结果，也可以尝试到three.js的官方网站上查找。在官方网站上，你通常可以找到最新版本的教程和文档，可以选择在线查看或者下载PDF文件。 需要注意的是，确保从可信的来源下载文件，以避免潜在的安全问题。此外，教程的PDF文件可能不会包含最新的更新和信息，因此最好还是查阅官方网站上的在线文档，以获取最新的教程和相关资料。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值