在html中展示pdf
pc端
插件: https://pdfobject.com/
使用:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <! doctype html> < html lang="en"> < head > < meta charset="UTF-8"> < meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> < meta http-equiv="X-UA-Compatible" content="ie=edge"> < title >Document</ title > < style > .pdfobject-container { height: 800px;} .pdfobject { border: 1px solid #666; } </ style > </ head > < body > < div id="example1"></ div > < script type="text/javascript" src="../jquery.min.js"></ script > < script type="text/javascript" src="./pdfobject.min.js"></ script > < script >PDFObject.embed("./demo.pdf", "#example1");</ script > </ body > </ html > |
移动端(兼容pc)
插件:http://mozilla.github.io/pdf.js/
使用
1.点击download
2.将下载下来的文件解压, 将解压之后的文件放到web目录,通过浏览器可以放到viewer.html文件
3.最后出来一个地址,类似http://xxx.com/pdf.js/web/viewer.html?file=http://www.xxx.com/demo.pdf,通过传递file=xxx.pdf,就可以实现在线浏览pdf了,注释pdf的路径必须是完整的访问路径
参考文档:https://www.cnblogs.com/blogxiao/p/8178395.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 语音处理 开源项目 EchoSharp
· 《HelloGitHub》第 106 期
· Huawei LiteOS基于Cortex-M4 GD32F4平台移植
· mysql8.0无备份通过idb文件恢复数据过程、idb文件修复和tablespace id不一致处