1149 votes

Recommandé pour intégrer PDF en HTML?

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.

528voto

lubos hasko Points 13669

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

518voto

Batfan Points 2214

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

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

355voto

Lukasz Korzybski Points 3083

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.

110voto

Gayle Points 1533

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>

71voto

greg h Points 611

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X