在 iframe 中预览 pdf 不下载

Question

我有一个基本的 html 代码来预览一些 pdf

<iframe src="file.pdf" />

但有时，应根据用户浏览器配置下载文件，预览中不会显示任何内容。有没有办法强制预览？

我也试过

<object data="file.pdf" type="application/pdf">
  <embed src="file.pdf" type="application/pdf" />
</object>

但并非在所有浏览器上都兼容

Answer 1

这是较老的做法。现在这些方法已经开始被弃用了。

您可以通过以下几种方法来实现：

• Google 文档嵌入 您可以在 google docs 上上传文件并从共享选项中获取嵌入链接，然后使用 iframe 将其嵌入到网站中。
• PDF.js 这是一个 javascript 库，有助于处理 pdf 文件。