资讯专栏INFORMATION COLUMN

PC项目里面使用pdf.js在线预览pdf文件功能

mykurisu / 1457人阅读

摘要:一天找到我,客户说了要实现一个在线预览文件的功能而且要不能下载我,没做过啊,然后去搜索了一下,有一个的开源项目打开找到该项目地址具体内容去看文档,由于项目是纯开发这里的直接用提取码解压后的文件你的文件地址在线预览去掉下载和打印按钮找到文件

1.一天PM找到我,客户说了要实现一个在线预览pdf文件的功能!而且要不能下载
2.我: ???,没做过啊,然后去搜索了一下,有一个pdf.js的开源项目
3.打开gitHub 找到该项目
gitHub地址:pdf.js
4.具体内容去看文档,由于项目是纯html开发
5.这里的直接用: https://pan.baidu.com/s/1GtEu... 提取码: x875

6.解压后的文件

7.demo




    
    Title


在线预览pdfdemo

8.去掉下载和打印按钮
找到文件viewer.html如图

隐藏打印和下载按钮代码

#print {
  visibility: hidden;
}
#download {
  visibility: hidden;
}

禁止鼠标右键弹出(此方案只是隐藏了右键弹框,如果想下载还是可以下载的)

9.官方demo

10.完成!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53920.html

相关文章

  • PC项目里面使用pdf.js在线预览pdf文件功能

    摘要:一天找到我,客户说了要实现一个在线预览文件的功能而且要不能下载我,没做过啊,然后去搜索了一下,有一个的开源项目打开找到该项目地址具体内容去看文档,由于项目是纯开发这里的直接用提取码解压后的文件你的文件地址在线预览去掉下载和打印按钮找到文件 1.一天PM找到我,客户说了要实现一个在线预览pdf文件的功能!而且要不能下载2.我: ???,没做过啊,然后去搜索了一下,有一个pdf.js的开源...

    klivitamJ 评论0 收藏0
  • PDF文件预览项目选型

    摘要:文件预览项目选型文件在线预览有多种方式,目前使用较多的有种。中文支持较好,没有乱码问题。在线示例中文文档可以将转换成,并且可以在中精确显示原生文本包括在中的字体颜色位置,可以选择搜索复制等,可选单文件输出。缺点文件过大可能会出现浏览器卡死。 PDF文件预览项目选型 PDF文件在线预览有多种方式,目前使用较多的有3种:pdf2swf、pdf2image、pdf2html。这3种方式各有优...

    Scott 评论0 收藏0
  • PDF、PPT、Excel、Word、视频等格式文件在线预览

    摘要:最近项目中用到了文件在线预览功能,文件类型大概有图片视频等等,总结梳理了一下,分享给大家。文件类型在线文档推荐使用,简单易用。而原生的的元素支持三种视频格式,所以我们需要更强大支持更多视频在线播放,第三方扩展库。 最近项目中用到了文件在线预览功能,文件类型大概有图片、视频、PDF、PPT、Excel、Word 等等,总结梳理了一下,分享给大家。 PDF 文件类型 jquery.medi...

    13651657101 评论0 收藏0

发表评论

0条评论

mykurisu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<