web-dev-qa-db-ja.com

PDFを埋め込む方法は？

HTMLドキュメントにPDFを埋め込むことを試みていますが、これはChromeでのみ機能するようです。他のブラウザは、プラグインを必要とするか、ユーザーが私が望んでいないリンクをクリックする必要があるように見えます。ここに私が試したものがあります：

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
    <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp;</embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
</object>
htmlpdf
40
user2008608

すべてのブラウザに使用できるコードは次のとおりです。

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.Adobe.com/products/acrobat/readstep2.html">

FirefoxおよびChromeでテスト済み

53
Vuk Vasić
<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Googleドキュメントを使用すると、iframeでサービスにリンクするだけで、PDF、Microsoft Officeドキュメント、その他のアプリケーションを埋め込むことができます。そのユーザーフレンドリー、多目的、そして魅力的。

43
John Foley

これは完全に機能し、これは公式のhtml5です。

<object data="https://link-to-pdf"></object>
15
Fahad Uddin

http://mozilla.github.io/pdf.js/ を知っていますか？これは、キャンバスを使用してHTML内にpdfをレンダリングするmozilaによるプロジェクトです。使い方はとても簡単です。

12
Herbert Pimentel

PDFプラグイン検出には PDFObject を使用することをお勧めします。

これにより、ユーザーのブラウザーがPDFを直接表示できない場合にのみ、代替コンテンツを表示できます。たとえば、PDFはほとんどのユーザーに対してChromeで正常に表示されますが、FirefoxまたはInternet Explorerを使用している場合は、Adobe Readerなどのプラグインをインストールする必要があります。

少なくともPDFObjectでは、ブラウザーにPDFプラグインがまだインストールされていない場合、Adobe ReaderやPDFファイル自体をダウンロードするためのリンクを含むメッセージを表示できます。

5
Chris Peters

FlexPaperは、おそらく、この種のものに使用するための最高のビューアです。従来のビューアと、フラッシュとhtml5の両方で、より多くのターンページ/フリップブックスタイルのビューアがあります。

http://flexpaper.devaldi.com

0
Rob Z