-
PDF.jsを使用する方法:
- ダウンロードしてCodeIgniterプロジェクトの適切な場所にPDF.jsライブラリを配置します。
- CodeIgniterのビューで、PDFファイルを表示するためのHTML要素を作成します。
- JavaScriptを使用して、PDF.jsライブラリを読み込み、PDFファイルを指定されたHTML要素にレンダリングします。
以下は、CodeIgniterビューでPDF.jsを使用する例です。
<div id="pdf-container"></div> <script src="/path/to/pdf.js"></script> <script> // PDF.jsの初期化 pdfjsLib.workerSrc = '/path/to/pdf.worker.js'; // PDFファイルのURL var pdfUrl = '/path/to/your/pdf/file.pdf'; // PDFを表示するためのHTML要素の取得 var container = document.getElementById('pdf-container'); // PDFを表示 pdfjsLib.getDocument(pdfUrl).promise.then(function(pdf) { pdf.getPage(1).then(function(page) { var viewport = page.getViewport({ scale: 1 }); var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; container.appendChild(canvas); page.render({ canvasContext: context, viewport: viewport }); }); }); </script>
-
Google ドキュメントを使用する方法:
- Google ドキュメントを利用してPDFファイルを表示することができます。
- CodeIgniterビューで、埋め込み用のGoogle ドキュメントビューアを使用してPDFファイルを表示します。
以下は、CodeIgniterビューでGoogle ドキュメントを使用する例です。
<iframe src="https://docs.google.com/viewer?url=/path/to/your/pdf/file.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>
これらの方法を使用すると、CodeIgniterを介してPDFファイルをダウンロードせずにオンラインで表示することができます。適用する方法は、プロジェクトの要件や好みによって異なる場合があります。適切な方法を選択し、必要なコードをプロジェクトに組み込んでください。