首頁  >  問答  >  主體

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

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

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

P粉653045807P粉653045807260 天前384

全部回覆(2)我來回復

  • P粉007288593

    P粉0072885932024-02-26 13:51:39

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

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

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

    回覆
    0
  • P粉356128676

    P粉3561286762024-02-26 00:28:14

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