Intégrer un PDF en HTML5

Je suis en train d'intégrer un PDF dans un document HTML, mais cela semble fonctionner uniquement avec google Chrome. Les autres navigateurs semblent requérir des plugins ou d'obliger un utilisateur à cliquer sur un lien qui n'est pas ce que je veux. 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>
  • balise alt est juste pour envoyer des sms but
  • Pour afficher les fichiers Pdf dans les pages web, vous avez besoin d'un plug-in. Dans google Chrome, il arrive à avoir un intégré.
  • Est-il une raison pourquoi vous ne vous contentez pas d'ajouter un lien hypertexte? par exemple, <a href="pdfFiles/interfaces.pdf">Relais D2D</a>
  • Je ne voulais pas de lien hypertexte que je voulais juste l'utilisateur d'ouvrir le fichier pdf dans le navigateur avec pdf incorporé à l'intérieur d'une autre page
  • pour l'info, mais est-il un moyen de contourner ?
  • Nope. Vous ne pouvez pas afficher un PDF à l'intérieur de la page, à moins que l'utilisateur dispose d'un plug-in installé à le faire. Eh bien, vous pourriez essayer pdf.js, mais je n'ai jamais utilisé, donc je ne suis pas sûr de savoir comment.

InformationsquelleAutor | 2013-02-04
  1. 53

    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

    • qu'en est IE 10?
    • Il fonctionne sur IE 10, si vous avez Adobe Acrobat reader, un lecteur plugin installé.
    InformationsquelleAutor Vuk Vasić
  2. 44
    <iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

    Google docs vous permet d'incorporer des fichiers Pdf, Microsoft Office Docs, et d'autres applications par juste un lien vers leurs services avec une iframe. Sa convivialité, polyvalent et attrayant.

    • À mon humble avis c'est la meilleure réponse. Le haut-le vote sera navigateur dépendante, et l'utilisation de plugin. En utilisant google viewer , une cohérence est garantie.
    • Notez que c'est probablement ce qui ne fonctionne que si le fichier en question n'est pas derrière un mot de passe ou tout autre type de mur.
    • C'est mauvais, si vous êtes sur un intranet sans accès à internet.
    • Je ne comprends pas comment une solution propriétaire est la meilleure réponse. Si vous avez à travailler sur l'appareil qui n'a pas accès à google docs vous êtes juste hors de la chance... Retour à IBM fois...
    • Pas lorsque le fichier pdf doit rester privé ... ce qui, probablement, couvre une majorité de cas d'utilisation, si ce n'est une partie importante.
    InformationsquelleAutor John Foley
  3. 14

    Cela fonctionne parfaitement et c'est officiel html5.

    <object data="https://link-to-pdf"></object>
    • ne fonctionne pas sous IE
    • Lorsque l'on parle de IE, il est important de spécifier une version.
    • Sur mobile chrome-je obtenir "Ce plugin n'est pas pris en charge" lors de l'utilisation de ce. Fonctionne très bien sur un ordinateur de bureau chrome. (la version 62)
    • cela fonctionne dans IE11+
    • Ne fonctionne pas sur mobile (chrome)
    • J'ai essayé celui-ci, mais dans mon cas, il n'est pas un travail. Je pense que le problème ici n'est pas le sujet de l'objet, embed, ou de l'iframe.

    InformationsquelleAutor Fahad Uddin
  4. 11

    savez-vous à propos de http://mozilla.github.io/pdf.js/ c'est un projet de mozila de rendu pdf à l'intérieur de votre code html à l'aide de la toile. il est super simple à utiliser.

    • PDFObject fonctionne bien avec pdf.js
    • C'est la seule réponse qui semble fonctionner correctement sur tous les navigateurs que j'ai essayé.
    InformationsquelleAutor Herbert Pimentel
  5. 5

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

    Ce sera uniquement pour vous permettre d'afficher un contenu de remplacement si le navigateur de l'utilisateur n'est pas capable d'afficher le PDF directement. Par exemple, le PDF s'affichera bien dans Chrome pour la plupart des utilisateurs, mais ils auront besoin d'un plugin comme Adobe Reader installé si ils sont de l'utilisation de 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 lui-même si leur navigateur n'est pas déjà un plugin PDF installé.

    • P. S. Maintenant Firefox intègre un lecteur de PDF maintenant trop, bien sûr.
    InformationsquelleAutor Chris Peters
  6. 1

    FlexPaper est probablement encore le meilleur visualiseur de là à être utilisés pour ce genre de choses. Il a une tradition de la visionneuse et un tour de plus page /flip book style spectateur à la fois en flash et html5

    http://flexpaper.devaldi.com

    • C'est maintenant FlowPlayer, et va de pair avec des restrictions (par exemple, 10 pages) pour leur version gratuite: flowpaper.com/download
    InformationsquelleAutor Rob Z