jsプラグインを使用してPDFファイルを開く（ブラウザPDFプラグイン共有）

要件: JSP Web ページで PDF ファイルを表示するには、以下の 2 つのオプションが適しています。

2 つのオプション: 1 つは、PDF ファイルを画像として扱う直接リンクです。ファイル、同様の このフォームでは、次のようにリンクします:

<frame src="pdf文件的地址"></frame>

もう 1 つは、js プラグインを使用します。

次のような PDF ファイルを読み取るための JS プラグインが多数あります。 pdf.js: は主にローカル技術サポートなしで HTML5 プラットフォーム上で PDF ドキュメントを表示するために使用される技術プロトタイプです。言語 PDF を生成するためのオープンソース ライブラリ (IE ではまだサポートされていません)。

比較的シンプルで使いやすい js プラグイン: PDFObject.js。PDF を動的に埋め込むために使用される JavaScript ライブラリです。 HTML 形式のドキュメント。

効果は次のとおりです。

PDFObject.js が 1.2 にアップグレードされ、IE9 をサポートできるようになりました。

PDFObject.js の目的: ちょっとした JavaScript が必要になる場合があります。その場合は、PDFObject を試してください。

非常に小さな JS コードを見てみましょう:

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed();
      };
</script>

はい、以上です。住所を正確に書くだけです。

特定の p に pdf を読み込んだ場合はどうすればよいですか?公式サイトを見ると、embed()メソッドにはパラメータを持たせることができ、本体を参照するパラメータはなく、パラメータは特定の位置を参照することがわかりました。

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed(“p的id”);
      };
</script>

もちろん、CSS あり、CSS なしなど、プレビューする秒数など、さらにパラメータを設定することもできます。

上記はこの章の全内容です。その他の関連チュートリアルについては、JavaScript ビデオ チュートリアル をご覧ください。