visualizar visualizador visor para mostrar insertar documentos bootstrap archivos html pdf

visor - visualizador de pdf html5



¿Cómo puedo insertar un visor de PDF en una página web? (8)

Asegúrese de probar cualquier solución entre las diferentes preferencias del Lector. Un visitante del sitio puede tener su navegador configurado para abrir el PDF en Reader / Acrobat en lugar del navegador, por ejemplo, deshabilitando el complemento de Acrobat en Firefox.

No puedo estar seguro de mis resultados, porque tengo dos complementos de Acrobat diferentes que reconoce Firefox debido a que tengo diferentes versiones de Adobe Acrobat y Adobe Reader, pero parece que al menos es necesario probar lo que sucede si un visitante del sitio web tiene su navegador configurado para no abrir el PDF en el navegador. Puede ser bastante molesto cuando miran lo que parece ser una página web usable de otro modo y su navegador les molesta que abran un archivo PDF que creen que no solicitaron. En algunos casos, el archivo PDF se abrió espontáneamente en Adobe Reader, no en el navegador, y en otros casos el navegador lanzó un diálogo que decía que el archivo no existía.

Me encontré con tales desajustes con iframe y objetar ambos problemas diferentes para código diferente.

Esto es por código HTML simple. No he probado los marcos sugeridos.

Si no me equivoco, Google Docs ofrece los medios para mostrar un PDF que está almacenado en el mismo servidor que la página web a través de un iFrame, pero necesito saber cómo puedo hacerlo de forma compatible con todos los navegadores.


Esto podría funcionar un poco mejor de esta manera

<embed src= "MyHome.pdf" width= "500" height= "375">


Podría considerar usar PDFObject por Philip Hutchison.

Alternativamente, si está buscando una solución que no sea de Javascript, podría usar un marcado como este:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%"> <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p> </object>



Realmente optaría por FlowPaper, especialmente su nuevo modo Elements que se puede encontrar aquí: https://flowpaper.com/demo/

Apila los PDF de manera significativa al mismo tiempo que mantiene el texto nítido, lo que significa que se cargará mucho más rápido en los dispositivos móviles.


Si no me equivoco, el OP estaba preguntando (aunque luego aceptó una solución .js) si el servidor de visualización PDF incorporado de Google mostrará un PDF en su propio sitio web.

Entonces, un año y medio después: sí, lo hará.

Ver http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html . Además, consulte https://docs.google.com/viewer , y conecte la URL del archivo que desea mostrar.

Editar: Re-leyendo, OP estaba pidiendo soluciones que no usan iFrames. No creo que eso sea posible con el visor de Google.


pdf2htmlEX por coolwanglu es probablemente la mejor solución para convertir un archivo pdf en html. Podría hacer una conversión simple y luego incrustar la página html como un iframe o algo similar.


PDF.js es un experimento de tecnología HTML5 que explora la construcción de un renderizador fiel y eficiente de formato de documento portátil (PDF) sin asistencia de código nativo. Es impulsado por la comunidad y respaldado por Mozilla Labs.

Puedes ver la demostración here .