Pregunta ¿Forma recomendada de incrustar PDF en HTML?


¿Cuál es la forma recomendada de incrustar PDF en HTML?

  • iFrame?
  • ¿Objeto?
  • ¿Empotrar?

¿Qué dice Adobe al respecto?

En mi caso, el PDF se genera sobre la marcha, por lo que no se puede cargar en una solución de terceros antes de enjuagarlo.


981
2017-11-14 23:55


origen


Respuestas:


Probablemente el mejor enfoque es usar el PDF.JS biblioteca. Es puro HTML5/JavaScript procesador de documentos PDF sin complementos de terceros.

Demostración en línea: http://mozilla.github.com/pdf.js/web/viewer.html

GitHub: https://github.com/mozilla/pdf.js


449
2017-11-15 00:01



Esto es rápido, fácil, al grano y no requiere ningún script de terceros:

<embed src="http://example.com/the.pdf" width="500" height="375" type='application/pdf'>

ACTUALIZACIÓN (1/2018):

El navegador Chrome en Android ya no es compatible con las incrustaciones de PDF. Puede evitar esto utilizando el visor de PDF de Google Drive

<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

404
2017-08-12 17:29



También puede usar Google PDF Viewer para este fin. Por lo que yo sé, no es una característica oficial de Google (¿me equivoco en esto?), Pero me funciona muy bien y sin problemas. Necesita cargar su PDF en alguna parte antes y simplemente use su URL:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

Lo importante es que no necesita un reproductor Flash, usa JavaScript.


326
2018-03-10 13:38



Usted tiene cierto control sobre cómo aparece el PDF en el navegador al pasar algunas opciones en la cadena de consulta. Estaba feliz de que esto funcione, hasta que me di cuenta de que no funciona en IE8. :(

Funciona en Chrome 9 y Firefox 3.6, pero en IE8 muestra el mensaje "Inserte su mensaje de error aquí, si el PDF no se puede mostrar".

Sin embargo, aún no he probado versiones anteriores de ninguno de los navegadores anteriores. Pero aquí está el código que tengo de todos modos en caso de que ayude a alguien. Esto establece el zoom al 85%, elimina las barras de desplazamiento, las barras de herramientas y los paneles de navegación. Actualizaré mi publicación si encuentro algo que también funcione en IE.

<div id="pdf">
  <object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
  </object>
</div>

82
2018-03-02 18:36



Usando ambos <object> y <embed> le dará una mayor amplitud de compatibilidad de navegador.

<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
    <embed src="http://yoursite.com/the.pdf" type="application/pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
    </embed>
</object>

45
2018-05-15 14:36



Conviértalo en PNG a través de ImageMagick, y muestre el PNG (rápido y sucio).

<?php
  $dir = '/absolute/path/to/my/directory/';
  $name = 'myPDF.pdf';
  exec("/bin/convert $dir$name $dir$name.png");
  print '<img src="$dir$name.png" />';
?>

Esta es una buena opción si necesita una solución rápida, desea evitar problemas de visualización de PDF entre navegadores y si el PDF es solo una página o dos. Por supuesto, necesita ImageMagick instalado (que a su vez necesita Ghostscript) en su servidor web, una opción que podría no estar disponible en entornos de alojamiento compartido. También hay un plugin de PHP (llamado imagick) que funciona Me gusta esto pero tiene sus propios requisitos especiales.


19
2017-12-06 18:17



Busque este código: para insertar el PDF en HTML

<!-- Embed PDF File -->
<object data="YourFile.pdf" type="application/x-pdf" title="SamplePdf" width="500" height="720">
    <a href="YourFile.pdf">shree</a> 
</object>

13
2017-11-15 23:11



FDView combina PDF2SWF (que a su vez se basa en xpdf) con un SWF visor para que pueda convertir e incrustar documentos PDF sobre la marcha en su servidor.

xpdf no es un convertidor de PDF perfecto. Si necesitas mejores resultados, entonces Ghostview tiene cierta capacidad para convertir documentos PDF a otros formatos para los cuales puede construir más fácilmente un visor Flash.

Pero para documentos PDF simples, FDView debería funcionar razonablemente bien.


12
2017-11-15 23:50