只需在 React Web 应用程序中显示本地 PDF 文件
P粉653045807
P粉653045807 2024-02-25 14:56:23
0
2
481

我正在为自己制作一个作品集网站作为 React web 应用程序。我希望在网站上有一个简历页面,仅显示我的简历。当我最初制作网站的 HTML 版本时,我可以使用 iframe 来实现这一目标。

当我在 React 中尝试此操作时,iframe 显示当前显示页面的副本而不是我的 pdf。有没有一种简单的方法来显示 web 应用程序中本地保存的 pdf?

P粉653045807
P粉653045807

全部回复(2)
P粉007288593

您可以在 HTML 中使用内置的 <embed> 标记。

例如,以下格式在给定路径上显示 pdf 文档,宽度为 150%,宽度为 650 像素。

您可以根据需要调整宽度和高度。

P粉356128676

任何浏览器 « 使用 _Embeddable Google Document Viewer 将 PDF 文件嵌入 iframe 中。

我不确定“显示当前显示页面的副本”是什么意思 您可以通过屏幕截图提供更多信息。 您还可以使用 googleDocs 中的 pdf,而不是将 pdf 存储在您的项目中。
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板