web pdf 预览的几个方案
部分内容来自medium,发现别人整理的,主要是记录下
使用embed 标签
不太推荐,因为浏览器兼容的问题
- 使用方法
<embed src="<path for pdf>" type="application/pdf" ></embed>
a 标签链接
使用链接的让浏览器自己处理
- 参考
<a href="<path for pdf>" >pdf docs</a>
使用三方预览服务
通过iframe,次方法在国内有点不太好事(私有化,隐私,费用问题)
使用pdf.js 库
pdf.js 提供了pdf 解析,处理,同时包含了一个预览服务,当然有坑(默认对于非同源的有写问题,需要修改代码支持)
我已经修改了一个不错的版本,同时基于docker运行,可以直接使用,推荐的文件存放方式是使用s3,然后通过url 集成
使用
参考资料
https://medium.com/javascript-in-plain-english/what-is-the-best-way-to-display-a-pdf-in-a-web-app-cb20dca3adbb
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/embed
https://www.cnblogs.com/rongfengliang/p/13693067.html
https://github.com/rongfengliang/openresty-pdf-view
https://www.cnblogs.com/rongfengliang/p/13913100.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
2019-12-09 使用zeebe DebugHttpExporter 查看zeebe 工作流信息
2018-12-09 tailor+ skipper 实现micro-frontends 简单试用
2018-12-09 Mosaic 前端微服务框架