前端pdf禁止下载功能

一、下载pdf.js并解压

下载地址:https://mozilla.github.io/pdf.js/getting_started/#download

二、解压后我把它放在了我新建的pdfJs文件夹内，结构如下

三、上代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./js/jquery.min.js"></script></head>
<body><div class="pdfWrap"></div><script>window.onload = function(){callBack()}function callBack(){var pdfUrl = '/images/pdf001.pdf'         //pdf地址var pdfData = '<iframe style="width: 100%;height: 1000px;" src="./pdfjs/web/viewer.html?file=' + encodeURIComponent(pdfUrl)+'" frameborder="0"></iframe>'$('.pdfWrap').append(pdfData)}</script>
</body>
</html>

四、打开pdfJs/web/viewer.html，隐藏下载按钮

前端pdf禁止下载功能相关推荐

pdf.js禁止下载功能
大家在使用pdf的时候如果用普通的方法使用是没有办法禁止下载,打印之类的功能的,所以就用到了pdf而且这个插件功能相当强大,还可以直接复制粘贴pdf内的内容,有兴趣的朋友看下PDF.js实际运行起来的 ...
controller实现pdf的下载功能
上代码: /*** @param lsh* @param ywlxdm* @return* @throws Exception*/@RequestMapping(value = "/view ...
纯前端实现excel下载功能
借助npm xlsx // 安装 npm install xlsx --save // npm xlsx 地址 https://www.npmjs.com/package/xlsx 方式一(获取页面t ...
audio标签禁止下载功能
一个页面用于音乐试听,发现audio标签可以右键下载或者点击三个小点下载将audio设置为如下即可: <audio :style='{"width":"300px ...
Excel文档导出-后端返回文件流，前端实现下载功能
最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用: // 导出exporttable() {this.axios({meth ...
VUE 前端PDF分页预览、下载
一.安装PDF插件依赖 // pdf预览 npm install vue-pdf --save// pdf下载 npm install downloadjs 二.完整示例 <template&g ...
【web】【django】datatable的button扩展实现纯前端下载和copy指定列内容，以及django的HTTPResponse实现下载功能
Table of Contents 功能需求描述一使用Datatables实现纯前端下载.拷贝二 query db 实现下载(django) 功能需求描述用户需要以网页为媒介,从DB里拉取一些 ...
web项目引入PDF.js并添加水印禁止下载
目录 web项目引入PDF.js并添加水印禁止下载下载并引入PDF.js实现预览动态预览PDF文件隐藏打开.下载.打印等功能禁止键盘组合按键下载或另存为禁用鼠标操作添加全局水印 PDF文件 ...
浏览器打开pdf，禁止下载打印
之前在网站上打开pdf文件,都是用浏览器查看pdf时自带的功能,可以下载打印,最近要求打开pdf后仅供用户预览,禁止下载打印.网上查了一下,发现有很多前辈都遇到过,解决方法是用pdf.js. 1.下载 ...
pdf.js使用说明及禁止下载，打印
PdfJS使用的一些说明参考:https://blog.csdn.net/qubernet/article/details/82599613?utm_medium=distribute.pc_rel ...

前端pdf禁止下载功能

前端pdf禁止下载功能相关推荐

最新文章

热门文章