资讯专栏INFORMATION COLUMN

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

klivitamJ / 1706人阅读

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

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/109742.html

相关文章

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

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

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

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

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

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

    Genng 评论0 收藏0
  • html中在线预览pdf文件pdf在线预览插件

    摘要:中在线预览文件之在线预览插件最近遇到一个需求,要在页面查看生成的文件翻来覆去找到两种办法,最后采用了插件方式一将转为图片保存,然后再把图片的地址发到页面进行显示。 html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将pdf转为图片保存,然后再把图...

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

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

    13651657101 评论0 收藏0

发表评论

0条评论

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