前端pdf禁止下载功能

最新推荐文章于 2024-03-15 17:37:02 发布

niesiyuan000

最新推荐文章于 2024-03-15 17:37:02 发布

阅读量3.7k

点赞数 1

分类专栏： Javascript

本文链接：https://blog.csdn.net/niesiyuan000/article/details/107979696

版权

Javascript 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

一、下载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，隐藏下载按钮

niesiyuan000

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
前端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="widt
复制链接

扫一扫