Afficher un document pdf dans une page HTML

Active 18 mars 2015    /    Viewed 2319    /    Comments 0    /    Edit


Pour afficher un document pdf dans une page HTML il existe plusieurs solutions. La solution la plus recommandée est de passer par javascript (voir ici une liste de plugin permettant d'afficher un document pdf). Le plus connu est certainement pdf.js dont voici comment démarrer rapidement avec celui-ci:

Afficher un document pdf dans une page HTML

1: Télécharger pdf.js pour cela il suffit de cliquer sur Download zip ou clone in desktop si vous avez github sur votre ordinateur.

2: Télécharger nodejs et installer celui-ci en double cliquant dessus.

3: Aller sous le repertoire pdf.js-master et lancer la commande suivante:

node make generic

4: Tester localement l'affichage d'un document pdf dans une page HTML en démarrant un serveur local (toujours depuis le repertoire pdf.js-master):

node make server

retourne quelque chose comme:

### Starting local server
Server running at http://localhost:8888/

5: Ouvrir une page internet avec l'URL:

http://localhost:8888/

et essayer les exemples (Note: tester l'affichage avec différents navigateurs: Firefox, Safari, chrome, etc).

Recherches associées

Liens Site
7 Best jQuery & JavaScript PDF Viewer plugin with examples jqueryrain
pdf.js github
Node Version Manager github
Recommended way to embed PDF in HTML? stackoverflow
How to Use pdf.js [closed] stackoverflow
nodejs nodejs
HTML Tag w3schools
strict HTML tests joliclic.free