Mostrar o PDF dentro do navegador web

Como posso mostrar um pdf dentro de um navegador web em um.página html?

Author: CodeGuy, 2011-01-31

13 answers

Uso o visualizador de PDF incorporado do Google Docs. Os documentos não têm de ser enviados para o Google Docs, mas têm de estar disponíveis online.

<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>
 101
Author: bradenkeith, 2013-02-22 09:39:32

Em vez de usar o iframe e dependendo do third party, pense em usar o flexpaper, ou pdf.js.

Eu usei pdf.js, funciona bem para mim.

Aqui está a demo: http://mozilla.github.com/pdf.js/web/viewer.html

 30
Author: navins, 2013-04-06 15:31:01

A forma mais simples é criar uma iframe e definir a origem para o URL do PDF.

Eu próprio o fiz, trabalho bem, navegação cruzada (rasteja para o bunker).
 17
Author: Will, 2016-07-11 13:27:21

Pré-apresentado usando a marca do objecto

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

Lembre-se que pode mudar a largura e a altura para qualquer valor que visite http://www.w3schools.com/tags/tag_object.asp

 9
Author: BAKARI SHEGHEMBE, 2014-12-01 19:45:25

O plugin do navegador controla essas configurações, então você não pode forçá-lo. No entanto, você pode fazer um simples {[[0]} em vez de <a href="whatever.pdf" target="_blank">.

 5
Author: jschorr, 2011-01-31 17:24:54

Também pode incorporar o JavaScript através de uma solução de terceiros como PDFObject .

 3
Author: Nils Magne Lunde, 2011-01-31 17:27:51

Desde que você hospedar o PDF o atributo alvo é o caminho a seguir. Em outras palavras, para arquivos relativos, usar o atributo alvo com o valor _blank vai funcionar muito bem.

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

For absolute paths engines will go to the U nified R esource L } and open it their. Então, suprime o atributo alvo.

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>
Os navegadores farão um bom trabalho em ambos os casos.
 3
Author: ftcosta, 2014-12-10 03:23:56

Pode 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">

Ou usar o visualizador de PDF incorporado do 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>
 1
Author: Hieu Le, 2014-10-13 02:47:17

Você também pode ter esta simples abordagem GoogleDoc.

<a  style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>
Isso criaria uma nova página para você ver o doc sem distorcer seu fluxo.
 1
Author: Asuquo12, 2016-12-02 12:46:19

A solução simples é colocá-la numa iframe e esperar que o utilizador tenha um plug-in que a suporte.

(Eu não, o plugin Acrobat tem sido um açambarcador de recursos e fonte de instabilidade que eu faço um ponto para removê-lo de qualquer navegador que ele toca).

A solução complicada, mas relativa popular, é exibi-la numa 'applet' flash.

 0
Author: Quentin, 2011-01-31 17:24:06

Desenhamos as páginas de ficheiros PDF como ficheiros PNG no servidor usando JPedal (uma biblioteca java). Isso, combinado com algum javascript, nos dá alto controle sobre visualização e navegação.

 0
Author: Carles Barrobés, 2011-01-31 17:40:03

Mostrar o conteúdo gravado no formato de ficheiro PDF/DOC/DOCX é ideal para mostrar o ficheiro pdf/doc / docx na sua página web

 -1
Author: Abhishek SIngh, 2017-05-23 12:26:32
Já tentaste usar uma simples etiqueta img?
<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">
 -2
Author: Mat Barnett, 2017-05-10 14:05:24