HTML5 MIMEで PDF:application/pdfが追加されたようだが,PDFを見るためにはAcrobat Readerをインストールするのが一般的なようだ。
Windows10 Edgeは,標準で見えるようだが,Acrobat Readerなどクライアント対応が必要となる。
今回は,オプションとして設定で,JQuer,PDF.jsを使用できるようにした。

PDF.js
JavaScriptで作られたPDFビューア。
厳密にはPDF読み込みを行うパーサ、描画を行うレンダラ、画面UIのビューアがセットになっているもので、ライセンスはApache License 2.0。

•Mozilla Foundationが開発していてFirefoxのPDFビューアとして採用されているため品質が高い
•JavaScriptでPDFを読み込んでCanvasで描画しているためiPhoneやAndroidなどスマートフォンでも表示できる
•ビューアがHTMLファイルのため<iframe>でPDFを埋め込み表示できる

1.Download
  https://mozilla.github.io/pdf.js/getting_started/#download : Stable (v1.4.20)」ボタンをクリックしてファイルをダウンロード

2.Install
 ダウンロードしたpdfjs-1.4.20-dist.zipを解凍してサーバ上に配置
 ローカル環境のドキュメントルートフォルダの直下に配置した場合
   http://localhost/pdfjs-1.4.20-dist/web/viewer.html にアクセスするとページが表示される。

 フォルダ名などを変えるのは自由

3.指定したファイルを表示させる方法
 指定したファイルを表示させたい場合
 viewer.html?file=test.pdf の形式で、ビューアのHTMLにパラメータとしてファイル名を渡す。

<iframe>で埋め込む
3.で表示を確認してOKだったらそのURLをコピーして、埋め込みたいHTML内で<iframe>のsrcにURLを設定。

例）
<iframe width="400" height="300" src="http://localhost/pdfjs-1.4.20-dist/web/viewer.html?file=test.pdf">

