Zeigen Sie einfach eine lokale PDF-Datei in Ihrer React-Web-App an

Question

Ich erstelle für mich eine Portfolio-Website als React-Web-App. Ich hätte gerne eine Lebenslaufseite auf der Website, auf der nur mein Lebenslauf angezeigt wird. Als ich ursprünglich die HTML-Version der Website erstellte, konnte ich dazu iFrames verwenden.

Wenn ich das in React versuche, zeigt der Iframe eine Kopie der aktuell angezeigten Seite anstelle meines PDFs an. Gibt es eine einfache Möglichkeit, ein lokal gespeichertes PDF in einer Webanwendung anzuzeigen?

Answer 1

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

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

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

Answer 2

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

我不确定“显示当前显示页面的副本”是什么意思 您可以通过屏幕截图提供更多信息。 您还可以使用 googleDocs 中的 pdf，而不是将 pdf 存储在您的项目中。