jsプラグインを使用してPDFファイルを開く（ブラウザPDFプラグイン共有）-jsチュートリアル-php.cn

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

PHPz

リリース： 2018-09-30 17:51:50

オリジナル

3174 人が閲覧しました

要件: 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 なしなど、プレビューする秒数など、さらにパラメータを設定することもできます。