web-dev-qa-db-ja.com

PDFファイルをWebサイトに埋め込む方法は？

PDFファイルをWebサイトに埋め込みたいだけです。

私が見つけた最善の解決策はGoogleDocs Viewer（ http://docs.google.com/viewer ）ですが、IEであり、明らかにそれは私にはうまくいきません。

誰もがこれに対するクリーンで簡単な解決策を持っていますか？

更新：PDFファイルをGoogleビューアの方法で埋め込むことの利点の1つは、リンク先のPDFファイルが更新される（および私の通知なしに）、私のサイトは自動的に同じPDFファイルを保持します（フルパス名が変更されない場合、変更されません）。このため、ファイルをに変換します。しばらくの間、画像は好ましくありません。

htmlpdfembed
8
JWM

明らかに、誰かに肥大化した安全でないpdfプラグインをダウンロードさせたくないので、肥大化した安全でないフラッシュプレーヤーを使用させてみませんか？

http://flexpaper.devaldi.com/

しかし、実際にはそれは単純です

<iframe src="path/to/pdf" width="500" height="700">

9
Byron Whitlock

HTML5の回答を更新しました：

<object data="filename.pdf" type="application/pdf">
  Your browser does not support pdfs, <a href="filename.pdf">click here to
  download the file.</a>
</object>

あなたはここでそれについて読むことができます：

http://www.w3schools.com/tags/tag_object.asp

5
Charles Clayton

Pdf埋め込みオプションに固執する場合、埋め込みpdfファイルはWebページではあまり見栄えがよくありませんが、Byronは正しいです。とにかく、コーディングについては厳密に行ってください。したがって：

<iframe src="path/to/pdf" width=500 height = 700>

する必要があります

<iframe src="path/to/pdf" width="500" height="700">

小さな変更。

4
Quazi

PDFファイルの長さはどれくらいですか？それを非常に長い画像に変換して、スクロールバーを使用してdivに表示することはできませんか？

4
thejh

私は自分のFTPを使用していますが、Googleやその他のソフトウェアは使用していません。

PDFファイルがディレクトリにある以外に必要なものがありますが、それは何ですか？

また、なぜ画像を変換するのですか（そしてPDF解像度と鮮明度を下げる））？

コメントへの回答

それは私がアフリカへの最後の旅行以来見た中で最も醜いものです。あなたは、1ページにそれほど多くの情報を投稿することを真剣に考えていませんね。誰にも読めないので、全倍率で試してみました。

その量の情報については、アーキテクチャ上のアプローチを取る必要があります。

  1. フロントページにいくつかのコントロールを配置し、ユーザーが選択した領域に関する管理可能な情報をユーザーに提供します。のみ。

    ソースのウェブサイト/データベースから情報を取得し、それをウェブサイト/データベースにフィードします。ソースデータが変更された場合にのみ変更する必要があります。リンケージ全体を自動化できます。

    次に、各ページに、読みやすい形式で、適度な量の情報を含むきれいなページを作成します。

  2. これは 20世紀の時刻表 です。 21世紀の時刻表ではないことに注意してください（そのうちの1つについてはベルリンまたはミュンヘンをご覧ください）。集中的なドキュメントをスキャンして、埋め込みPDFとして提供することはできません。

    • CityRailの複雑なコントロールは必要ないことに注意してください。あなたはラインとタイムテーブルの選択を可能にするためにほんの少しを持つことができます。
    • 次に、CityRailページの単純な形式であるページを作成します。
    • または（絶対最小）1つの完全に表示可能なフルサイズPDF Webページごと。
      。

  3. このように シンプルな表示可能なPDF 。その例は、1つのPDFページ1と4の別々のページPDF残りのページで提供できます。PDFにはすでに基本的なナビゲーションがあるので、それを使用しました代わりに5ページのポケットベルを1つ作成しました。青いガラスのボタンを見つけて使用し、各ページの左上と下部にあるナビゲーションのヒントに従ってください。

  4. PDFとナビゲーションのデモンストレーションに続いて、フォルダーを見てください。ファイルはすべてPDFです。

  5. 元の質問に戻ります。これで、PDFを埋め込むことができます。ただし、埋め込む場合は、PDFをいじらないでください。リンク先のページにあるすべてのコントロールは冗長です。どのブラウザもそれを今でも促進しており、将来的にはもっと良くなるでしょう。例えば。 シンプルな表示可能なPDFで、ブラウザコントロールを使用して倍率を増減したり、ドキュメント内を移動したりします。

  6. あなたがあなたのグーグルマップページを終えると仮定しましょう、それは最初のまたはインデックスページです。にすべての電車の線を引きます。ユーザーが電車の路線をクリックすると、（a）（2）のように見える（1）に従ってデータベースから生成されたクリーンなページ、または（b）単一のクリーンなPDF（3）のように読み取り可能な形式で。ディレクトリ内のファイルを操作するだけで、プロジェクト全体を実行できます。

lot少ない作業。 Googleドキュメントはありません。あなたを収縮させたり回避したりするための中間のソフトウェアはありません。 IE andits複数の化身と絞扼;他のブラウザとits制限事項：データに集中し、哀れなソフトウェアやその適合性や開始点ではなく、見栄えのする形でデータを公開します。

乾杯

1
PerformanceDBA

おそらく最善のアプローチは、PDF.JSライブラリを使用することです。これは、サードパーティのプラグインを含まないPDFドキュメント用の純粋なHTML5/JavaScriptレンダラーです。

オンラインデモ： http://mozilla.github.com/pdf.js/web/viewer.html

GitHub： https://github.com/mozilla/pdf.jsここにリンクの説明を入力してください

この目的のためにGoogle PDFビューアを使用することもできます。私が知る限り、これは公式のGoogle機能ではありません（これは間違っていますか？）が、非常にうまくスムーズに機能します。 PDFを前のどこかにアップロードし、そのURLを使用する必要があります。

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>
1
Azamat Razakov

HTML5から：

<embed src="url" type="media-type" height="" width=""/>

メディアタイプの参照については、 http://www.iana.org/assignments/media-types/media-types.xhtml

0
srinath

Google Docsは、ドキュメントに記載されていない機能を提供しており、PDFファイルとPowerPointプレゼンテーションをWebページに埋め込むことができます。ファイルをGoogleDocsにアップロードする必要はありません。 、ただし、オンラインで利用できる必要があります。

PDFファイルを埋め込むために使用したコードは次のとおりです。

ただし、太字のURLを自分のアドレスに置き換える必要があります。前述したように、ドキュメントビューアはPDFおよびPPTファイルに対して機能します。

http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html

0
Binaya Shrestha