pdf.jsをiframeでの読み込み埋め込みで使う＝通常のiframeでは、Android

pdf.jsでダウンロードしたフォルダをそのままぶっ込んどく。

実装：⇨sample

重いPDF対策：⇨sample

pdfjs viewsによる埋め込み表示 ar-a4 > arbox

クロスドメインでの埋め込みは？ arboxなし　width="100%" height="100%"


//基本
1.webフォルダのviewer.htmlにアクセスするとデフォルトPDFが表示されます。

//クエリ ?file=の後にPDFのURLを入れるとそのPDFが表示される。
2.https://ホゲホゲ/pdfjs/web/viewer.html?file=https://it-life.co.jp/file.pdf

//iframe
3.iframeで表示するならばsrcに上記URLを入れるだけです。


ドメインは省略化ではない？
オールドバージョンを使う

Mozilla pdf.jsを使いやすくプラグイン化(サムネイルバージョン！)

⇒ライトバージョン

参考：⇨ぼやけ解消

参考：⇨pdf-img

参考：⇨javascript でサイトキャプチャ

日本語ファイル名でもOK

複数ファイルもOK


//課題：当然、pdfファイルが重いと描画が遅い

//workerはローカル（es5対応の2.4456ver）を指定。ローカルに配置
pdfjsLib.GlobalWorkerOptions.workerSrc = '/js/pdf.worker.js';

//上記のみだとmimeエラーができるパターンがあるので、pdf.worker.jsは事前に読み込んどく

//nja-pdf クラス指定で描画　data-fileにファイルパス


//０．Loading開始。pdfファイルと同じファイル名の画像を挿入。
//１．pdfファイルと同じファイル名の画像が存在するかどうかチェック
var obj = document.getElementById("img1");
var image = new Image();
image.src = obj.src;
var result = image.width;
resultが0でなければ画像あり、0なら画像無しです。

//２．存在すればそのまま（画像読み込み完了でLoading終了）。
//３．存在しなければ、thumbnail描画し、描画完了でLoad終了、サーバにアップ。

//※chrome/safariではツールバーは消える.firefoxでは消えない。