Afficher un PDF dans une page HTML (sans player Flash)

[ 10 ] Commentaires
Share

PDF sans Flash

Le problème des affichages de PDF classiques, c’est qu’ils nécessitent tous un plugin Flash fonctionnel. Or il existe un moyen d’afficher les PDF (très peu utilisé il est vrai), et sans utiliser aucun player Flash. Un assez vieux moyen d’ailleurs, utilisant les iframe. EN fait, cela intègre à la page web un petit player Adobe Reader, c’est à dire sans Flash, mais avec exactement les même boutons que le player Adobe Reader que vous utilisez tous les jours (à moins que vous utilisiez d’autres lecteurs tels que Foxit).

Pour afficher un PDF directement dans une page HTML classique, il suffit d’utiliser une balise iframe, comme suit (intégrez le code qui suit à votre page HTML en remplaçant le test.pdf par l’URL complète de votre fichier PDF :

<iframe
src="test.pdf" width="500" height="800" align="middle">
</iframe>

Et ça fonctionne ! Faites le test chez vous, et constatez par vous-même 🙂

Ce qui donne (avec un PDF que j’avais rédigé, c’est juste pour l’exemple) :

Vous serez peut-être intéressé :

10 commentaires sur ce billet

  1. Tuxargon dit :

    Il faut par contre avoir le plugin d’adobe installé 🙁

    RépondreRépondre
  2. Louis dit :

    Oui c’est vrai 🙂 Mais bon, sans rien d’installé, je sais pas si on peut s’en sortir n’on plus 😀

    RépondreRépondre
  3. Eric dit :

    Bonjour,

    je me permet d’intervenir car cette méthode marche très bien sous Firefox, mais ne marche pas du tout sous IE :

    – le pdf ne s’affiche pas dans la frame (qui est toute blanche)

    – par contre il est téléchargé et affiché « en grand » hors navigateur.

    Ma question est : peut-on contrer ce problème (d’un point de vue du développeur) ?????

    merci

    eric

    RépondreRépondre
  4. Louis dit :

    @Eric: Heu moi je suis sous IE7 et ça marche (PDF affiché dans la frame comme sous Firefox). Je pense qu’il faut que tu aies le plugin Adobe Reader d’installé pour que ça fonctionne correctement.

    RépondreRépondre
  5. Eric dit :

    @Louis: Hello louis, ben j’ai IE8, avec le plugin acrobat qui est installé,

    effectivement je viens de tester avec IE7 (grâce au logiciel ietester) et ca fonctionne :!

    RépondreRépondre
  6. waynesnipper dit :

    nice work

    RépondreRépondre
  7. Zildal dit :

    Ca ne marche pas sous Mac

    RépondreRépondre
  8. compte dit :

    @Zildal: Who cares ?

    RépondreRépondre
  9. Denis dit :

    9a ne marche pas sous IE10 et 11 !!

    RépondreRépondre
  10. gabbi dit :

    merci pr ces infos

    RépondreRépondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *