html - see - show pdf javascript
Mostrar PDF en el navegador web (13)
¿Has intentado usar una simple etiqueta img?
<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">
¿Cómo puedo visualizar un pdf dentro de un navegador web en una página .html?
El complemento del navegador controla esas configuraciones, por lo que no puede forzarlo. Sin embargo, puede hacer un <a href="whatver.pdf"> simple en lugar de <a href="whatever.pdf" target="_blank"> .
La forma más sencilla es crear un iframe y establecer el origen en la URL del PDF.
(patos enojados, diseñadores de HTML) Lo hice yo mismo, funciona bien, cruza el navegador (se arrastra hacia el búnker).
La solución simple es colocarlo en un iframe y esperar que el usuario tenga un complemento que lo soporte.
(No, el plugin de Acrobat ha sido una fuente de inestabilidad y de recursos tan importante que me aseguro de eliminarlo de cualquier navegador que toque).
La solución popular, pero relativamente complicada, es mostrarla en un applet flash.
La visualización de contenido guardado en formato de archivo PDF / DOC / DOCX es ideal para visualizar el archivo pdf / doc / docx en su página web
Mientras hospedes el 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 rutas absolutas, los motores se dirigirán al L oca lista de Recursos U nificado y lo abrirán. 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.
Puedes usar 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 use el visor de PDF incrustrado de Google Docs:
<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
También puede incrustar usando JavaScript a través de una solución de terceros como PDFObject .
También puede tener este enfoque simple de GoogleDoc.
<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.
Uso el visor de PDF incrustado 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>
en lugar de usar iframe y dependiendo del third party , piense en usar flexpaper o pdf.js.
Utilicé pdf.js , funciona bien para mí.
aquí está la demostración: http://mozilla.github.com/pdf.js/web/viewer.html
prefirió usar 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, visite http://www.w3schools.com/tags/tag_object.asp