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 中。