React WebアプリケーションでローカルPDFファイルを表示するだけ

Question

私は自分用のポートフォリオ Web サイトを React Web アプリとして作成しています。 Web サイトに履歴書のみを表示する履歴書ページを作成したいと考えています。最初にサイトの HTML バージョンを作成したとき、これを実現するために iframe を使用できました。

これを React で試してみると、iframe には PDF ではなく、現在表示されているページのコピーが表示されます。ローカルに保存された PDF を Web アプリケーションで表示する簡単な方法はありますか?

Answer 1

HTML では組み込みの <embed> タグを使用できます。

たとえば、次の形式では、指定されたパスに幅 150%、幅 650 ピクセルの PDF ドキュメントが表示されます。

必要に応じて幅と高さを調整できます。

Answer 2

任意のブラウザ « _Embeddable Google Document Viewer を使用して PDF ファイルを iframe に埋め込みます。

「現在表示されているページのコピーを表示する」という意味がわかりません。 スクリーンショットを通じて詳細情報を提供できます。 PDF をプロジェクトに保存する代わりに、googleDocs の PDF を使用することもできます。