Mostrar o PDF dentro do navegador web
Como posso mostrar um pdf dentro de um navegador web em um.página html?
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>
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
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).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
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">
.
Também pode incorporar o JavaScript através de uma solução de terceiros como PDFObject .
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.
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>
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.
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.
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.
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
<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">