【实战问题】【8】在网页上查看PDF文档-优快云博客

本文探讨了在网页中嵌入PDF文件所遇到的各种问题，包括使用embed和iframe标签的局限性，以及用户环境的多样性带来的挑战。作者最终选择了将PDF转换为图片的解决方案，并记录了这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：开始以为很简单，丢个链接上去就好了，后面发现都是坑啊，你永远想不到用户的电脑环境是什么。其实我最后是改成用图片显示了，这个博客就是做下记录。

embed标签：

<embed id="pdffile" width="100%" height="680" src="/ZZZ/provinceProductPdf/20170602.pdf" type="application/pdf" >

然而有些用户电脑没装控件，有些用的IE浏览器

iframe标签：

能预览就预览，不能预览就提示下载（然而还是不适用于我的用户，他们不想下载，下载了电脑也没有安装看pdf文件的软件）

<iframe src="/index.pdf" width="100%" height="100%">
 
This browser does not support PDFs. Please download the PDF to view it: <a href="/index.pdf">Download PDF</a>
 
</iframe>

pdf.js：

我之后改成图片了，所以没有实践这个方法，写在这里记录一下

pdf.js使用方法 - Gleason - 优快云博客
https://blog.youkuaiyun.com/bianliuzhu/article/details/80622215

转载于:https://www.cnblogs.com/huashengweilong/p/10810519.html