Visualizar PDFs en el navegador sin plugins

Muchos desarrolladores quieren mostrar su PDFs en los navegadores, pero requieren que el navegador tenga un plugin instalado para dicho propósito. Por suerte la gente de Mozilla creó una librería para mostrar PDFs sin utilizar un plugin llamada pdf.js

PDF.js
PDF.js

Antes que nada les voy a mostrar como obtener la librería y luego un ejemplo práctico usando PHP y HTML.

Obs:

  • Utilizo Debian Jessie de 64 bits.
  • Se asume que se tiene instalado NodeJS y NPM.
  • Tener Apache2 instalado y configurado.

Entramos a la terminal y tecleamos lo siguiente:
cd /var/www/html
git clone git://github.com/mozilla/pdf.js.git pdfjs
cd pdfjs
npm install
sudo npm install --global gulp-cli
node make generic

Con los pasos anteriores se creará la carpeta build en la cual encontraremos el archivo PDF.js, el cual nos servirá para cargar nuestros PDF desde la Web.
Dentro del proyecto compilado existe la carpeta generic. Toda esa carpeta copia en la raíz de tu proyecto.

Obs:

  • PDF.js está diseñado para ejecutarse desde un servicio web (ejemplo Apache2).
  • Con lo anterior ya podrán utilizar el visor PDF en su proyecto.

Ahora les dejo el código fuente para que vean como utilizar y agregar en sus proyectos.

Ejemplo de visualizar un PDF sin utilizar plugins
Ejemplo de visualizar un PDF sin utilizar plugins

Imagen: ytimg

(Visited 118 times, 1 visits today)

Comments

comments


Post Relacionados

Be the first to comment

Leave a Reply

Tu dirección de correo no será publicada.


*