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

原文地址:https://www.cnblogs.com/rongfengliang/p/14107691.html