PDFをWebページ上で表示、操作する「PDF.js」を使ってみます。

■PDF.jsを入手
まずはPDF.jsを下記よりダウンロードします。
https://mozilla.github.io/pdf.js/

■設置する
今回は解凍したファイルをすべてルート直下に設置します。
設置したファイル内の/web/viewer.htmlを利用してPDFを表示させます。
HTMLは下記のように記述します。

<iframe src="/web/viewer.html?file=PDFファイルのパス(絶対パス)"></iframe>

このように値を渡してあげることでPDFが表示されます。

オプションで、ページの指定、ズーム率が変更可能です。
例えば、表示ページが「2ページ目」、ズームは「ページに合わせる」を指定する場合は下記のように
値を渡してあげます。

<iframe src="/web/viewer.html?file=PDFファイルのパス（絶対パス）#page=2&zoom=page-fit"></iframe>

■注意点
・IE8が非対応
・異なるドメインのデータ（外部リソース）が表示できない場合がある

■今回のサンプル
サンプルでは下記のオプション指定してます。
ページ：2ページ目
ズーム率：ページに合わせる

リンク