25

div内にPDFドキュメントを表示する方法。HTML5jqueryを使用してモバイル サイトを構築しています。ページをめくって特定のページに移動する必要があるTurnjs div内に PDF ドキュメントを表示する必要があります

4

4 に答える 4

28
<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div> 

このスレッドを読む - http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

于 2012-10-26T09:28:27.940 に答える
10

次のコードを使用できます。

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

または、Google ドキュメントの埋め込み可能な PDF ビューアを使用します。

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>
于 2014-10-13T02:46:26.127 に答える
5

非難されるのを恐れてあえてその名前を言いますが、iframe を使用して、ブラウザーがナビゲーションを提供できるようにすることもできます。

于 2012-10-26T09:38:15.870 に答える
1

私がしているのは、PDFをGoogleドライブにドラッグすることです。次に、新しい pdf (通常は Google ドライブの左上にあります) をクリックし、上部の共有アイコンをクリックして、[詳細設定] に移動し、 [変更] をクリックして、[公開] ラジオ ボタンがクリックされていることを確認します。[保存] をクリックし、[完了] をクリックします。Google ドライブに戻り、pdf をクリックして開き、ポップアウト アイコン (右上、X 閉じるアイコンの横) をクリックします。PDF が全画面表示になったら、[その他のアクション] アイコン (縦に 3 つ並んだ点) をクリックします。「埋め込み」の機会が表示されます。それをクリックすると、埋め込みコードが取得されます。出来上がり!

注: この方法で取得した pdf は、ブログや HTML Web サイトに貼り付ける準備ができており、ドキュメント内のすべてのリンクが機能します!! そして、カーソルを合わせると右上に小さなポップアウト アイコンが表示され、pdf が全画面表示になります。また、ページに複数配置する場合は、 divにポップできます。いくつかの例がhttp://internetpdf.comにアップされています。

ジョン・バーチ

于 2016-05-14T05:31:45.540 に答える