Mostrar PDF dentro del navegador web

Question

¿Cómo puedo visualizar un pdf dentro de un navegador web en una página .html?

Answer 1

Uso el visor de PDF incrustable de Google Docs. Los documentos no tienen que cargarse en Google Docs, pero sí deben estar disponibles en línea.

<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe> 

Answer 2

La solución simple es colocarlo en un iframe y esperar que el usuario tenga un complemento que lo admita.

(Yo no, el complemento de Acrobat ha sido una fuente de inestabilidad y de recursos tan importante que intento eliminarlo de cualquier navegador que toque).

La solución popular, complicada pero relativa es mostrarla en un applet de flash.

Answer 3

El complemento del navegador controla esas configuraciones, por lo que no puede forzarlo. Sin embargo, puede hacer un simple <a href="whatver.pdf"> en lugar de <a href="whatever.pdf" target="_blank">.

Answer 4

También puede incrustar utilizando JavaScript a través de una solución de terceros como PDFObject.

Answer 5

La manera más simple es crear un iframe y establecer el origen en el URL del PDF.

(patos enojados, diseñadores de HTML) Lo he hecho yo mismo, funciona bien, cruza el navegador (se arrastra al búnker).

Answer 6

Representamos las páginas de archivos PDF como archivos PNG en el servidor usando JPedal (una biblioteca java). Eso, combinado con algunos javascript, nos da un alto control sobre la visualización y navegación.

Answer 7

en lugar de utilizar iframe y dependiendo de la third party, pensar en usar flexpaper o pdf.js.

He usado pdf.js, funciona bien para mí.

aquí es la demostración: http://mozilla.github.com/pdf.js/web/viewer.html

Answer 8

Puede utilizar este código:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"> 

O utilizar Google Docs integrable visor de PDF:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe> 

Answer 9

gustado estar utilizando la etiqueta de objeto

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
     type='application/pdf' 
     width='100%' 
     height='700px'> 

tenga en cuenta que puede cambiar el ancho y alto a cualquier valor que visite http://www.w3schools.com/tags/tag_object.asp

Answer 10

Mientras que el anfitrión del PDF el atributo objetivo es el camino a seguir. En otras palabras, para archivos relativos, usar el atributo de destino con el valor _blank funcionará muy bien.

<e> 
    <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook" 
    href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a> 

Para los motores rutas absolutas irán a la U nified R esource L ocator y abrirlo su. Por lo tanto, suprime el atributo de destino.

<e> 
    <a alt="StackExchange Handbook" title="StackExchange Handbook" 
    href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a> 

Los navegadores harán un buen trabajo en ambos casos.

Answer 11

Viendo el contenido guardado en formato de archivo PDF/DOC/DOCX is ideal for displaying the pdf/doc/docx file on your web page

Answer 12

Usted también puede tener este enfoque GoogleDoc sencilla.

<a style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a> 

Esto crearía una nueva página para que pueda ver el documento sin distorsionar su flujo.

Answer 13

¿Has probado con una simple etiqueta img?

<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">