PdfJS使用的一些说明

参考：https://blog.csdn.net/qubernet/article/details/82599613?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-4&spm=1001.2101.3001.4242

1、下载地址

http://mozilla.github.io/pdf.js/getting_started/#download

当然是下载稳定版。

2、目录说明

文件下载下来后，有build和web这2个目录。其中build为核心js文件，不用管它；web目录中包含了viewer.html和viewer.js等文件，viewer.html就是我们需要使用的页面，它负责显示具体PDF文件。

3、使用PDF.js

具体使用方法如下所示：直接在需要引用得地方用a标签跳转链接。

其中的file参数就是你需要展示PDF文件的地址（注意：此参数文件地址在项目部署地址内，我这里用得是根目录）

4、注意事项

PDF.js提供了很多中语言包，具体在web目录下的locale目录中，PDF.js会自动匹配相应的语言包。需要注意的是，由于搭建的服务器可能没有包含.properties的MIME类型，所以我们需要手动添加该MIME类型。在.Net项目中，只需要在Web.config中配置如下节点即可：

<system.webServer>

</staticContent>

</system.webServer>

最终效果如下所示：

禁止pdf.js下载打印

参考：https://blog.csdn.net/liuying93/article/details/83410405

大家在使用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

这个改js得可能是版本问题，没找到相应得位置。

pdf.js使用说明及禁止下载，打印相关推荐

web项目引入PDF.js并添加水印禁止下载
目录 web项目引入PDF.js并添加水印禁止下载下载并引入PDF.js实现预览动态预览PDF文件隐藏打开.下载.打印等功能禁止键盘组合按键下载或另存为禁用鼠标操作添加全局水印 PDF文件 ...
pdf.js —— 在线预览下载打印pdf文件插件，实现的两种方式
ViewerJS简介 ViewerJS的繁重工作是由这些令人敬畏的项目完成的: PDF.js(由Mozilla提供) WebODF(由KO GmbH提供) 运行ViewerJS就像创建链接一样简单.您 ...
pdf.js——在线预览下载打印pdf文件插件
html页面使用下载PDF.js, http://mozilla.github.io/pdf.js/getting_started/#download 将 pdfjs 文件夹放到项目static ...
使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印
有的项目需要显示PDF类的文档, 大多需要在项目中禁止将PDF打印, 下载我最初采用embed标签显示 PDF, iframe,object标签都可以显示但是这类标签的打印和下载按钮不可以禁止, ...
浏览器打开pdf，禁止下载打印
之前在网站上打开pdf文件,都是用浏览器查看pdf时自带的功能,可以下载打印,最近要求打开pdf后仅供用户预览,禁止下载打印.网上查了一下,发现有很多前辈都遇到过,解决方法是用pdf.js. 1.下载 ...
django框架使用pdf.js 使用说明
django框架使用pdf.js 使用说明 1.pdf.js 下载地址: http://mozilla.github.io/pdf.js/ 2.目录说明: 文件下载下来后,有build和web这2个目 ...
vue-cli使用pdf.js插件浏览pdf文件，禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的. 小编在网上找到pdf.js插 ...
通过pdfjs实现在VUE-CLI中进行PDF预览，并禁用打印及下载功能
pdfjs 官网:PDF.js 官方demo:PDF.js viewer 安装使用下载点击下载选择稳定版本项目引入本文主要针对vue-cli4版本的文件在public文件夹下新建pdfjs ...
pdf.js跨域及屏蔽下载
下载地址 https://github.com/mozilla/pdf.js/releases/ 使用方法在webroot或者webapps目录下建一个文件夹pdf.js,然后把下载后的文件解压,复 ...

pdf.js使用说明及禁止下载，打印

禁止pdf.js下载打印

pdf.js使用说明及禁止下载，打印相关推荐

最新文章

热门文章