Mozilla の pdfjs プラグインによると、以下に示すようにクエリ パラメータをviewer.htmlに渡すことで、PDF を表示できます。
http://localhost/MyProject/viewer.html/?file=file.pdf
これはうまくいっています。しかし、私には別の種類の要件があります。私のプロジェクトの要件は、機能のようなタブを 1 つのページに配置する必要があることです。各タブには pdf ファイルがあります。
そこで、 to のコードをすべてviewer.js大きな関数にしようと考えています。これをコンストラクターとして使用して、各 pdf ファイルをレンダリングできるようにします。このようなもの：
var firstPdf = new paintPdf({file: 'myfile.pdf'});
とにかく、プロジェクトに pdfjs のビューアー機能をうまく統合できたら、後で上記の変更を行うことにしました。
私のプロジェクトの概要：
- 単一ページのアプリケーション
- すべてのテンプレートは、名前のオブジェクト内の単一のファイルに保持されています -
templates
そのために、まず body タグ内のすべての html をコピーし、viewer.html新しいプロパティとしてtemplatesオブジェクトに追加しました。次に、必要なすべての依存ファイルを例からプロジェクトのフォルダーにコピーし、それらを動的にロードしました。私が含めたファイルは次のとおりです。
- pdf.js
- pdf.worker.js
- viewer.js
- l10n.js
- viewer.css -このファイルを動的にロードしていません。
viewer.htmlファイルを読み込んだ後、 を使用して のテンプレートをレンダリングしていlodashます。それでも、私のプロジェクトでレンダリングされた pdf を見ることができません。これは、すべてが動的に行われているためだと思います。（ただし、すべてが順番にレンダリングされているため、よくわかりません）
ところで、ファイルcompressed.tracemonkey-pldi-09.pdfに隣接する名前のデフォルトのpdfを追加しました。index.html何が欠けている可能性がありますか？
Firefox と chrome はエラーをスローしません。
注：私は間違った方法でやっているかもしれません。正しい方向に解決するように私に提案することはかなりの価値があります.