htmlでpdfファイルをオンラインプレビューするpdfオンラインプレビュープラグイン

1711 ワード

htmlでpdfファイルをオンラインプレビューするpdfオンラインプレビュープラグイン
最近、htmlページでpdfで生成されたpdfファイルを表示する必要があります.
繰り返して2つの方法を見つけて、最後にjqueryを採用しました.media.jsプラグイン
方式一
pdfをピクチャに変換して保存し、ピクチャのアドレスをページに送って表示します.
困難に直面して、pdfが画像に変わる時中国語は文字化けしてしまうかもしれません!
欠点:画像を生成するとサーバメモリが消費されます.
方式2
jsプラグインでpdfをオンラインプレビュー(ここでは第3のプラグインを推奨)
jsプラグインは3種類ございます
1 pdf.js
ダウンロードアドレス
https://github.com/mozilla/pd...
2つの使用方法を提供
PDF.jsはhtmlの下で直接pdfドキュメントを閲覧することができます.オープンソースのpdfドキュメント読み取り解析プラグインで、PDFファイルをCanvasにレンダリングすることができます.PDF.jsは主に2つのライブラリファイル、1つのpdfを含む.jsとpdf.worker.jsは,API解析を担当し,コア解析を担当する.
興味のある方はこのブログをご覧ください
https://www.cnblogs.com/zhang...
欠点
公式サイトのプロジェクトファイルが多すぎて、理解しにくいです.見ていると頭が大きい!
pdfobject.js
チュートリアルの使用http://www.jq22.com/jquery-in...
欠点
pdfobject.jsはブラウザに要求があり、pdfファイルをロードできない可能性があります.今日、私のグーグルブラウザではpdfファイルを表示できません.
間違いを報告するかもしれない
not allow to load resource
3 jquery.media.js
簡単で軽量なので、jsを導入してパスをロードすればいいです.
チュートリアルの使用http://www.jq22.com/jquery-in...
ダウンロードアドレス
jquery.media.rar(解凍パスワード:www.crowsong.xyz):http://waternote.ctfile.net/f...
使用法は次のとおりです.
使用方法
必要な2つのファイルを参照
使用方法
まずjsファイルを導入する
  


に、ページのロードが した に するjsコードを し、PDFのプレビューを に げます.

       $(function() {
           $('a.media').media({width:'100%', height:900px;});
       });

最後にHTMLコードを追加:

プラグインのHTMLページのaタグの下hrefを希望するpdfアドレスに変更すればよい.