Comment intégrer une visionneuse de PDF dans une page ?

Question

Si je ne me trompe pas, Google Docs offre le moyen d'afficher un PDF qui est stocké sur le même serveur que la page Web via un fichier de type <iframe> mais j'ai besoin de savoir comment je peux le faire de manière compatible avec tous les navigateurs.

Answer 1

Vous pouvez envisager d'utiliser PDFObject par Philip Hutchison.

Si vous recherchez une solution sans Javascript, vous pouvez utiliser des balises comme celles-ci :

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>

Answer 2

PDF.js est une expérience technologique HTML5 qui explore la construction d'un moteur de rendu fidèle et efficace du format de document portable (PDF) sans l'aide du code natif. Elle est menée par la communauté et soutenue par Mozilla Labs.

Vous pouvez voir la démo ici .

Answer 3

Cela pourrait fonctionner un peu mieux de cette façon

<embed src= "MyHome.pdf" width= "500" height= "375">

Answer 4

Si je ne me trompe pas, l'OP demandait (bien qu'il ait ensuite accepté une solution .js) si le serveur d'affichage de PDF intégré de Google pouvait afficher un PDF sur son propre site Web.

Donc, un an et demi plus tard : oui, il le fera.

Voir http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html . Voir aussi https://docs.google.com/viewer et saisissez l'URL du fichier que vous souhaitez afficher.

Edit : En relisant, le PO demandait des solutions qui n'utilisent pas d'iFrames. Je ne pense pas que ce soit possible avec la visionneuse de Google.

Answer 5

Essayez avec Papier flexible http://flexpaper.devaldi.com/

cela fonctionne comme scribd