Recommandé pour intégrer PDF en HTML?

Question

Quelle est la méthode recommandée pour intégrer PDF en HTML?

• iFrame?
• L'objet?
• Incorporer?

Qu'est-Adobe-dire lui-même à ce sujet?

Dans mon cas, le fichier PDF est généré à la volée, de sorte qu'il ne peut pas être transféré à un tiers solution avant de la rincer.

Answer 1

C'est rapide, facile, et ne nécessite aucun script tiers:

<embed src="http://yoursite.com/the.pdf" width="500" height="375">

Answer 2

Probablement la meilleure approche est d'utiliser la PDF.JS de la bibliothèque. C'est un pur HTML5/JavaScript convertisseur de documents PDF, sans plug-ins tiers.

Démo en ligne: http://mozilla.github.com/pdf.js/web/viewer.html

GitHub: https://github.com/mozilla/pdf.js

Answer 3

Vous pouvez également utiliser Google PDF viewer pour ce but. Autant que je sache, ce n'est pas un fonctionnaire fonction de Google (je me trompe?), mais cela fonctionne pour moi très bien et en douceur. Vous devez télécharger votre PDF quelque part avant et juste utiliser son URL:

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

Ce qui est important, c'est qu'il n'a pas besoin d'un lecteur Flash, il utilise du JavaScript.

Answer 4

Vous avez un certain contrôle sur la façon dont le fichier PDF s'affiche dans le navigateur, en passant par certaines options dans la chaîne de requête. J'ai été heureux de ce travail, jusqu'à ce que j'ai compris que ça ne fonctionne pas avec IE8. :(

Il fonctionne dans Chrome 9 et Firefox 3.6, mais dans IE8 il affiche le message "Insérez votre message d'erreur ici, si le fichier PDF ne peut pas être affichée."

Je n'ai pas encore testé les versions plus anciennes de ces navigateurs, cependant. Mais voici le code que j'ai de toute façon dans le cas où il peut aider n'importe qui. Cela définit le facteur de zoom à 85%, supprime les barres de défilement les barres d'outils et de la valeur liquidative volets. Je vais mettre à jour mon post si je dois trouver quelque chose qui fonctionne dans IE.

<div id="pdf">
  <object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
  </object>
</div>

Answer 5

PDF Objet est une excellente solution. Voir les exemples et JavaScript téléchargement ici: http://pdfobject.com