web-dev-qa-db-fra.com

Comment intégrer un PDF?

J'essaie d'intégrer un PDF dans un document HTML, mais cela semble fonctionner uniquement avec Chrome. D'autres navigateurs semblent nécessiter des plugins ou obliger un utilisateur à cliquer sur un lien qui ne correspond pas à ce que j'ai. Voici ce que j’ai essayé:

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
    <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp;</embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
</object>
htmlpdf
40
user2008608

Voici le code que vous pouvez utiliser pour chaque navigateur:

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

Testé sur firefox et chrome

53
Vuk Vasić
<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Google Documents vous permet d'intégrer des PDF, des documents Microsoft Office et d'autres applications en liant simplement leurs services à un iframe. Il est convivial, polyvalent et attrayant.

43
John Foley

Cela fonctionne parfaitement et ceci est officiel html5.

<object data="https://link-to-pdf"></object>
15
Fahad Uddin

connaissez-vous http://mozilla.github.io/pdf.js/ il s’agit d’un projet de mozila qui permet de rendre le pdf à l’intérieur de votre code HTML à l’aide de canvas. c'est super simple à utiliser.

12
Herbert Pimentel

Je recommande d'utiliser PDFObject pour la détection du plugin PDF.

Cela ne vous permettra d'afficher du contenu alternatif que si le navigateur de l'utilisateur n'est pas capable d'afficher le PDF directement. Par exemple, le PDF s'affichera correctement dans Chrome pour la plupart des utilisateurs, mais ils auront besoin d'un plug-in tel qu'Adobe Reader s'il est installé avec Firefox ou Internet Explorer.

Au moins, PDFObject vous permettra d'afficher un message avec un lien pour télécharger Adobe Reader et/ou le fichier PDF si le navigateur ne dispose pas déjà d'un plug-in PDF.

5
Chris Peters

FlexPaper est probablement toujours le meilleur spectateur à utiliser pour ce genre de choses. Il possède une visionneuse traditionnelle et une visionneuse de style page/livre à feuilles plus tournantes en Flash et en HTML 5.

http://flexpaper.devaldi.com

0
Rob Z