Afficher le PDF dans le navigateur web
Comment puis-je afficher un pdf dans un navigateur internet sur un .page html?
13 réponses
j'utilise Google Docs intégrable visionneuse PDF. Les docs ne doivent pas être téléchargés sur Google Docs, mais ils doivent être disponibles en ligne.
<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
au lieu d'utiliser iframe et en fonction du third party , pensez à utiliser flexpaper, ou pdf.js.
j'ai utilisé pdf.js , ça marche très bien pour moi.
voici la démo: http://mozilla.github.com/pdf.js/web/viewer.html
désirée à l'aide de la balise object
<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1'
type='application/pdf'
width='100%'
height='700px'>
notez que vous pouvez modifier la largeur et la hauteur de la valeur que vous visitez http://www.w3schools.com/tags/tag_object.asp
le plugin du navigateur contrôle ces paramètres, donc vous ne pouvez pas le forcer. Cependant, vous pouvez faire un simple <a href="whatver.pdf"> au lieu de <a href="whatever.pdf" target="_blank"> .
vous pouvez également intégrer en utilisant JavaScript à travers une solution tierce comme PDFObject .
aussi longtemps que vous hébergez le PDF l'attribut cible est la voie à suivre. En d'autres termes, pour les fichiers relatifs, l'utilisation de l'attribut cible avec la valeur _blank fonctionnera très bien.
<e>
<a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>
pour les chemins absolus, les moteurs iront au U nified R esource L ocator et l'ouvriront leur. Donc, supprimez l'attribut cible.
<e>
<a alt="StackExchange Handbook" title="StackExchange Handbook"
href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>
navigateurs fera une bonne confiance d'emplois dans les deux cas.
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 utiliser Google Docs embeddable PDF viewer:
<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
vous pouvez également avoir cette approche simple GoogleDoc.
<a style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>
cela créerait une nouvelle page pour vous de voir le doc sans déformer votre flux.
la solution simple est de le mettre dans une iframe et d'espérer que l'Utilisateur a un plug-in qui le supporte.
(je ne sais pas, Acrobat plug-in a été un mangeur de ressources et une source d'instabilité que je me fais un devoir de le supprimer à partir du navigateur qu'il touche).
la solution compliquée, mais relativement populaire est de l'afficher dans un applet flash.
nous rendons les pages de fichier PDF en fichiers PNG sur le serveur en utilisant JPedal (une bibliothèque java). Cela, combiné avec du javascript, nous donne un contrôle élevé sur la visualisation et la navigation.
afficher le contenu enregistré en PDF / DOC / DOCX le format de fichier est idéal pour afficher le fichier pdf / doc / docx sur votre page web
avez-vous essayé d'utiliser une simple étiquette img?
<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">