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!
html css javascript viewer js firefox open document format pdf ods odt odp
2 Commenti
ciao! ma tu che percorso hai impostato dentro al codice della pagina??
19/06/2014Ciao, grazie per le delucidazioni ma dopo averlo scaricato e carito nel server remoto non mi visualizza niente. il percorso che mi crea è questo \"http://localhost:62392/ViewerJs/#../doc_archive/provapdf.pdf dove viewerjs è la cartella. visualizzo l\'elenco delle cartelle in viewerJS. Puoi aiutarmi? grazie
10/06/2014