pdf.js禁止下载功能

大家在使用pdf的时候如果用普通的方法使用是没有办法禁止下载,打印之类的功能的,所以就用到了pdf而且这个插件功能相当强大,还可以直接复制粘贴pdf内的内容,有兴趣的朋友看下PDF.js实际运行起来的页面UI效果:http://mozilla.github.io/pdf.js/web/viewer.html

解决办法:

1:大家打开控制台 找到下载的代码 然后在你下载的pdf/web/viewer.html 中找到这个button 然后想隐藏的代码上加上  style="visibility: hidden;"这个就可以啦

这里如果想把下载的图标也去掉的话可以把我标注出来的class中的两个类名删掉就可以了

但是这个只能隐藏当前的button不能真正的禁止 如果碰到同行的只要去掉这个属性还是可以下载的 所以就找到了js 这里只需要注释掉 两行代码就可以了 找到pdf/web/viewer.js 

 

注释掉这两行代码就可以禁止掉下载功能了,下边会简单说下使用方法,大佬请绕行

https://mozilla.github.io/pdf.js/getting_started/#download  下载地址 直接下载稳定版就可以了

我是在vue中使用的 之后放进项目的static中

这里在vue页面中使用src的链接是要链接到pdf/web/viewer.html中的

然后这里的data就是通过axios获取到的返回值 (也就是后台返回的视频链接地址)

  • 4
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
pdf.js 是一个用 JavaScript 编写的开源 PDF 阅读器,它可以在网页上直接查看 PDF 文件。要为 pdf.js 添加撤销功能,需要进行以下步骤: 1. 安装依赖:pdf.js 依赖于 pdfjs-dist 包,需要先安装该包。可以使用 npm 安装:`npm install pdfjs-dist`。 2. 导入 pdf.js:在 HTML 文件中导入 pdf.js 文件,可以使用以下代码: ```html <script src="pdf.js"></script> ``` 3. 加载 PDF 文件:使用 pdf.js 的 PDFJS.getDocument() 方法加载 PDF 文件。可以使用以下代码: ```javascript PDFJS.getDocument(url).then(function(pdf) { // 处理 PDF 文件 }); ``` 4. 获取页面:使用 PDF 文件的 getPage() 方法获取 PDF 页面对象。可以使用以下代码: ```javascript pdf.getPage(pageNumber).then(function(page) { // 处理页面 }); ``` 5. 获取文本:使用 PDF 页面对象的 getTextContent() 方法获取页面文本内容。可以使用以下代码: ```javascript page.getTextContent().then(function(textContent) { // 处理文本内容 }); ``` 6. 添加撤销功能:为了实现撤销功能,需要保存历史状态。可以使用数组保存每个状态,然后在撤销时回退到上一个状态。可以使用以下代码实现: ```javascript let history = []; let currentIndex = -1; function saveState(state) { history.push(state); currentIndex++; } function undo() { if (currentIndex > 0) { currentIndex--; let state = history[currentIndex]; // 恢复状态 } } ``` 在每次编辑后,调用 saveState() 方法保存当前状态。在需要撤销时,调用 undo() 方法回退到上一个状态。 7. 更新页面:在撤销时,需要更新 PDF 页面以显示恢复后的状态。可以使用 PDF 页面对象的 render() 方法重新渲染页面。可以使用以下代码: ```javascript page.render({ canvasContext: context, viewport: viewport }); ``` 在渲染页面时,需要传入画布上下文和视口参数。 以上就是为 pdf.js 添加撤销功能的步骤。需要注意的是,pdf.js 并不是一个完整的 PDF 编辑器,撤销功能只适用于部分编辑操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值