手机端html在线阅读PDF,H5页面如何查看PDF文件源码

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

2023-09-29 3,305
VIP免费
下载不了?请联系网站客服提交链接错误!
增值服务: 环境配置 安装指导 源码安装 模板修改 城市站群
手机端html在线阅读PDF,H5页面如何查看PDF文件源码
发布时间 2023年09月29日
资源编号 4607

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

郑重承诺丨中站源码网提供安全交易、信息保真!
增值服务:
环境配置
安装指导
源码安装
模板修改
城市站群
¥ 9.9 T币 (VIP免费升级VIP开通VIP尊享优惠特权
立即下载 升级会员 有偿指导
详情介绍

我们知道在 Chrome、Firefox 等浏览器可以查看 PDF 文件,不需要额外安装什么插件,这是由于 pdf.js 被预置到了这些浏览器中。

pdf.js 是一款使用 HTML5 Canvas 安全地渲染 PDF 文件以及遵从网页标准的网页浏览器渲染 PDF 文件的JavaScript库。Mozilla基金会主导。

pdf.js 可以作为浏览器或网站的一部分运行。原本是一个Firefox扩展[2],自2012年开始,它被纳入Mozilla Firefox(15版本)[3][4],并从2013年开始默认启用(19版本)成为基本功能[5][6] 。它还是ownCloud的一部分,并可用作Chrome、Chromium[7]、Firefox for Android[8]、Pale Moon[9]及SeaMonkey[10]的附加组件。

以上引用摘自维基百科 PDF.js。

在手机浏览器中,如 QQ浏览器、UC 浏览器、Safari 浏览器,打开一个 PDF 是一个下载页面,无法查看。分别使用手机浏览器和桌面浏览器查看 pdf 文件。

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

手机端浏览器想要查看 PDF 文件可以使用 PDF.js 插件。

一、下载 PDF.js 插件

下载PDF.js插件。如果是下载的压缩包,解压之后,将整个文件夹拷贝到项目中。手机端html在线阅读PDF,H5页面如何查看PDF文件源码

二、测试 PDF 文件是否可查看

服务器中打开 /pdfjs-2.5.207-dist/web/viewer.html 文件。通过 http-server 运行 /web/viewer.html 文件。

http-server -p 10086 以 10086 端口启动服务器。打开手机浏览器访问:http://ip:10086/pdfjs-2.5.207-dist/web/viewer.html (ip改成 127.0.0.1 或本机 ip)。

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

三、项目中测试 PDF 是否可查看

在 /pdfjs-2.5.207-dist/web/ 下添加一个 flask入教程.pdf 和新增 pdf-viewer.html

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

注意

在项目中测试时,我们是以 /web/viewer.html 文件为基础,后接 '?file=',再接 pdf 文件地址。注意这里的 pdf 文件和 html 文件的相对路径。

打开手机浏览器访问:http://ip:10086/pdfjs-2.5.207-dist/web/pdf-viewer.html (ip改成 127.0.0.1 或本机 ip)。

手机端html在线阅读PDF,H5页面如何查看PDF文件源码

资源下载此资源下载价格为9.9T币,请先
《协议》是在平等自愿基础之上,CECCZ本站(域名为ceccz.com及其全部子域名,包括web.ceccz.com)网站与原创会员及作品购买者之间的有效协议。三方订立本协议并自觉遵守。
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明:本文系转载自互联网,版权归原作者所有;旨在传递信息,不代表中站源码网的观点和立场。如有侵权,请联系我们删除!qin@ceccz.com

中站源码网-网络情报局 网页设计 手机端html在线阅读PDF,H5页面如何查看PDF文件源码 https://web.ceccz.com/ketang/wysj/4607.html

中站网

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议换浏览器下载!
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

 
手机端html在线阅读PDF,H5页面如何查看PDF文件源码-海报

分享本文封面