web-dev-qa-db-fra.com

Comment incorporer un visualiseur PDF dans une page?

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

htmlpdf
76
Andrei Oniga

Vous pourriez envisager d'utiliser PDFObject de Philip Hutchison.

Sinon, si vous recherchez une solution non-Javascript, vous pouvez utiliser un balisage comme ceci:

<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>
169
Ian Gregory

PDF.js est une expérience de la technologie HTML5 qui explore la création d’un rendu fidèle et efficace en format de document portable (PDF) sans assistance de code natif. Il est géré par la communauté et pris en charge par Mozilla Labs.

Vous pouvez voir la démo ici .

26
mutil

Cela pourrait fonctionner un peu mieux de cette façon

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

Si je ne me trompe pas, l'OP a demandé (bien qu'il ait accepté plus tard une solution .js) si le serveur d'affichage intégré de Google [PDF affichera un PDF sur son propre site Web.

Donc, un an et demi plus tard: oui.

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

Edit: Relisant, OP demandait des solutions qui n'utilisent pas iFrames. Je ne pense pas que ce soit possible avec le visualiseur de Google.

9
Jon

essayez avec Flex Paper http://flexpaper.devaldi.com/

ça marche comme scribd

4
Mp de la Vega

Veillez à tester toute solution sur différentes préférences de Reader. Un visiteur de site peut avoir son navigateur configuré pour ouvrir PDF dans Reader/Acrobat, par opposition au navigateur, par exemple en désactivant le plug-in Acrobat dans Firefox.

Je ne peux pas être sûr de mes résultats, car j'ai deux plugins Acrobat différents reconnus par Firefox, car j'ai des versions différentes d'Adobe Acrobat et d'Adobe Reader, mais il semble au moins que vous ayez besoin de tester ce qui se passe si un visiteur du site Web a son navigateur configuré pour ne pas ouvrir le PDF dans le navigateur. Cela peut être assez ennuyant de regarder ce qui semble être une page Web par ailleurs utilisable et que leur navigateur le harcèle pour ouvrir un fichier PDF qu'il pense ne pas avoir demandé. Dans certains cas, le fichier PDF ouvert spontanément dans Adobe Reader, et non le navigateur, et dans d'autres cas, le navigateur a affiché une boîte de dialogue indiquant que le fichier n'existait pas.

Je me suis heurté à de telles disparités avec iframe et object, des problèmes différents pour des codes différents.

Ceci est pour le code HTML simple. Je n'ai pas essayé les cadres suggérés.

3
Charles Belov

Je voudrais vraiment opter pour FlowPaper, en particulier leur nouveau mode Elements qui peut être trouvé ici: https://flowpaper.com/demo/

Il aplatit considérablement les PDF tout en conservant un texte net, ce qui signifie qu'il sera chargé beaucoup plus rapidement sur les appareils mobiles

1
Robby

pdf2htmlEX de coolwanglu est probablement la meilleure solution pour convertir un fichier pdf en HTML. Vous pouvez effectuer une conversion simple, puis intégrer la page html sous forme d'iframe ou quelque chose de similaire.

0
Dreizeiler