Home / Programmazione / Javascript - AJAX / Visualizzare PDF in una pagina web
Mattepuffo

Visualizzare PDF in una pagina web

Visualizzare PDF in una pagina web

Capita spesso di avere guide, libri o portafogli prodotti in PDF da far sfogliare all'utente dentro la nostra pagina web.

Un modo molto semplice per farlo è usando Viewer.js, che da quanto ho capito è usato da Firefox stesso.

Prima di tutto scaricatelo, e caricate la directory Viewer.js nel server remoto.

Una volta fatto basterà usare un iframe dando il percorso del PDF da visulizzare.

Una cosa così:

<iframe src="Viewer.js/#../PDF/catalogo.pdf" allowfullscreen webkitallowfullscreen></iframe>

Vedendo il sito e i vari esempi, possiamo notare che in verità questa libreria supporta anche altri formati oltre al PDF:

  • ODS
  • ODP
  • ODT
  • EXT

Open Document Format in sostanza; questo rende la libreria ancora più interessante, perchè ci permette di far visualizzare anche fogli elettronici e presentazioni.

Ricordatevi di dare anche una dimensione all'iframe (attributi widthe height o tramite CSS).

Ciao!