只需在 React Web 應用程式中顯示本機 PDF 文件

Question

我正在為自己製作一個作品集網站作為 React web 應用程式。我希望在網站上有一個簡歷頁面，僅顯示我的簡歷。當我最初製作網站的 HTML 版本時，我可以使用 iframe 來實現這一目標。

當我在 React 中嘗試此操作時，iframe 顯示當前顯示頁面的副本而不是我的 pdf。有沒有一種簡單的方法來顯示 web 應用程式中本地保存的 pdf？

Answer 1

您可以在 HTML 中使用內建的 <embed> 標記。

例如，以下格式在給定路徑上顯示 pdf 文檔，寬度為 150%，寬度為 650 像素。

#您可以根據需要調整寬度和高度。

Answer 2

任何瀏覽器 « 使用 _Embeddable Google Document Viewer 將 PDF 檔案嵌入 iframe 中。

# 我不確定“顯示當前顯示頁面的副本”是什麼意思 您可以透過螢幕截圖提供更多資訊。 您也可以使用 googleDocs 中的 pdf，而不是將 pdf 儲存在您的專案中。