微信公众号或者浏览器实现在线浏览pdf文件

  • 实现在线浏览pdf文件方法
    • 开发步骤:

实现在线浏览pdf文件方法

我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏览,因为微信浏览器是基于H5的,所以这个也支持别的浏览器。其实方法很简单,主要需要一个插件pdf.js。你可以直接去官网下载或者在GitHub上有很多还有模板。pdf.js 是一个主要用于HTML5 平台上在线阅读PDF文档的小插件,基于JavaScript技术编写而成,无需任何本地技术支持。
到官网下载 pdf.js 插件并解压 (地址: http://mozilla.github.io/pdf.js/ )

开发步骤:

下载之后直接放到你的项目中,放在js文件夹里面就行。这个里面需要你关注的文件主要是viewer.html、pdf.js和viewer.js。在web下面有一个compressed.tracemonkey-pldi-09.pdf文件,这个是用来测试的文件。现在运行你的程序可以直接打开viewer.html这个页面就会在线浏览pdf文件。

现在运行你的程序可以直接打开viewer.html这个页面就会在线浏览pdf文件。


这个是配置pdf文件的地方。

如果我们的pdf需要在本地获取或者是文件服务器获取,我们就将这里直接去空。

在viewer.js中,我们发现他可以通过file参数来指定pdf的路径。

这里我们可以直接跳转到viewer.html,通过window.location.href=“product-descritption-pdf.html?fileContent=”+fileContent; fileContent是你的pdf文件路径。如果是本地的你可以直接在把路径赋给fileContent=“C:\Users\Administrator\Desktop\allss\pdf01 \web\compressed.tracemonkey-pldi-09.pdf”。如果是从文件服务器获取的话,你先要从后台获取到文件服务器的pdf地址然后返给前端就行了。

最后,如果你要从本地或者是文件服务器获取pdf文件,可能会出现跨域问题。其实跨域问题很好解决。看我的另一篇博客:https://blog.csdn.net/weixin_42276004/article/details/89225757

微信公众号或者浏览器实现在线浏览pdf文件相关推荐

  1. 微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载

    微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载 注:在pc上开始时采用这两种方式是没有效果的,或者打开的是空页面,但上线到公众号是没有问题的!!!!!!!!! ...

  2. 网站开发之ie下在线浏览pdf文件无需本地支持

    1.首先,务必通过后面给的链接了解一些可实现的方法:打开链接. 2.个人选择了PDFObject+PDF.js来实现,这里需要下载pdfobject.js和PDF.js.对于pdfobject.js, ...

  3. 如何对接微信公众号/小程序的在线客服

    第一步:下载在线客服软件 二.开启微信客服功能并扫码绑定 第一次登进后默认是没有微信客服项目的,需要在左边先找到"微信客服"模块,然后"开启客服功能"(点击按钮 ...

  4. 微信公众号如何接入第三方在线客服

    想要一款免费的辅助粉丝运营管理的客服系统,但不太会开发,只想简单点实现,有办法吗? 首先您需要再ttkefu官方网站的右上角[注册]中注册一个ttkefu账号,其次在导航栏的[下载]中下载pc电脑版的 ...

  5. html跳转到关注的微信公众号,手机浏览器一键跳转微信公众号关注的方法

    参考接口样式:https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=*********==&scene=110==#wec ...

  6. 如何1分钟批量导出一个微信公众号所有文章到word和pdf + 快捷搜索微信所有文章

    微信的公众平台是一个非常非常庞大的文章素材库,各个行业各种类型的文章都能在微信公众号里面找到,不管对于自媒体写手来说,还是对于普通用户,这无疑是我们一个好的文章素材平台. 现在微信APP上面可以直接搜 ...

  7. Python爬虫,微信公众号话题标签内容采集打印PDF输出

    微信公众号内容采集,比较怪异,其参数,post参数需要话费时间去搞定,这里采集的是话题标签的内容,同时应用了pdfkit打印输出内容. 这里实现应用了两个版本,第一个是直接网页访问,其真实地址即pos ...

  8. Python批量爬取微信公众号文章中的图片重建PowerPoint文件

    开学第一课:一定不要这样问老师Python问题 董付国老师Python系列教材推荐与选用参考 3000道Python习题免费在线练习 ============= 版权声明:由于公众号后台规则问题,本文 ...

  9. 8个实现在线浏览PDF文件的实用jQuery插件

    在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题往往是费时又 ...

最新文章

  1. 2022-2028年中国客厅经济深度调研及投资前景预测报告
  2. iphone如何信任软件_你还在用大众点评吗?评价软件失去信任还如何活下去
  3. java一次查询900w数据_一次SQL查询优化原理分析(900W+数据,从17s到300ms)
  4. Django:视图和URL配置
  5. 学python的注意点_python学习入门细节知识点
  6. The Bits(找规律)
  7. 开发中常用正则表达式
  8. Win7上USB转串口芯片ch341驱动安装方法
  9. maven中使用MySQL
  10. linux yasm编译,linux安装yasm报错
  11. gin结合endless实现热更新
  12. 华为服务器网口ip配置文件,华为服务器、存储IP初始配置方法
  13. 使用cmake搭建一个跨平台游戏服务器
  14. 把手机当作电脑显示器指导参考
  15. 如何判断一棵树是否是满二叉树
  16. JavaScript同步与异步
  17. Uva 12325 Zombie's Treasure Chest (贪心,分类讨论)
  18. ChatGPT有效提问技巧
  19. 六边形战士—雷达图实现
  20. 如何打造139团队(不同层次人员的选择与培养,大型研发团队,大型敏捷开发团队)

热门文章

  1. 【实习日记】第九天,第十天 功能设计
  2. minio安装与使用-win10
  3. 智能交通:OpenDataPlatform在交通数据分析和可视化中的应用
  4. js--文件字节大小转换--大小排序--时间排序
  5. 昆特牌决斗计算小工具
  6. mysql绕过360_360webscan 防注入绕过(HPF)
  7. 职业规划九—it行业几条不同的路
  8. (3)HDFS原理与高可用技术原理介绍
  9. DRF自定义响应数据格式
  10. linux 的一些报错的解决方法(网卡1)