web-dev-qa-db-fra.com

Comment afficher le contenu pdf dans une page Web en utilisant html5 et jquery?

Comment afficher le document pdf dans mon div. J'utilise HTML5 et jquery pour créer mon site mobile. J'ai besoin d'afficher mon document pdf dans un Turnjs div Doit retourner des pages et aller à une page spécifique

javascriptjqueryhtmlhtml5pdf
24
raghul
<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div>

Lire ce fil - http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

26
Dipak

Vous pouvez utiliser ce code:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.Adobe.com/products/acrobat/readstep2.html">

Ou utilisez le visualiseur PDF intégrable de Google Documents:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>
10
Hieu Le

Si j'ose parler, c'est son nom par peur d'être critiqué, mais vous pouvez utiliser un iframe et permettre au navigateur de fournir la navigation.

4
dove

Ce que je fais est de faire glisser le fichier PDF vers Google Drive. Ensuite, cliquez sur le nouveau pdf (ce sera généralement en haut à gauche dans Google Drive), cliquez sur l'icône de partage en haut, allez à advanced, puis cliquez sur change et assurez-vous que la radio "Public" bouton est cliqué. Cliquez sur SAVE, puis sur DONE . Revenez maintenant à Google Drive, cliquez sur le fichier PDF pour l'ouvrir, puis cliquez sur l'icône contextuelle (en haut à droite, à côté de l'icône de fermeture X). Une fois que le pdf est maintenant en plein écran, cliquez sur l'icône: plus d'actions (trois points verticaux). Vous y trouverez une opportunité "Intégrer". Cliquez dessus et vous obtenez le code d'intégration. Voila !!

Remarque: le pdf obtenu de cette manière sera prêt à être collé dans votre blog ou votre site Web HTML, ET tous les liens dans le document fonctionneront !! ET, il y aura une petite icône Pop-out en haut à droite, lors du survol, qui rend le pdf en plein écran. Et vous pouvez le placer dans un div si vous voulez en mettre plusieurs sur la page. Quelques exemples se trouvent sur http://internetpdf.com .

John Burch

1
John Burch