Показать PDF в веб-браузере

Question

Как я могу отобразить PDF в веб-браузере на HTML-странице?

Answer 1

Я использую Google Docs встраиваемый просмотрщик PDF.Документы не нужно загружать в Документы Google, но они должны быть доступны онлайн.

<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

вместо использования iframe и, в зависимости от third party, подумайте об использовании flexpaper или pdf.js.

Я использовал pdf.js , он отлично работает для меня.1006 *

вот демо: http://mozilla.github.com/pdf.js/web/viewer.html

Answer 3

Самый простой способ - создать iframe и установить в качестве источника URL-адрес PDF.

(уток безумных HTML-дизайнеров) Сделал сам, отлично работает, кросс-браузерный (лезет в бункер).

Answer 4

предпочтительнее с использованием тега объекта

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

обратите внимание, что вы можете изменить ширину и высоту на любое значение, которое вы посещаете http://www.w3schools.com/tags/tag_object.asp

Answer 5

Плагин браузера контролирует эти настройки, поэтому вы не можете его принудительно установить. Тем не менее, вы можете сделать простой <a href="whatver.pdf"> вместо <a href="whatever.pdf" target="_blank">.

Answer 6

Пока вы размещаете PDF, целевой атрибут - это путь.Другими словами, для относительных файлов использование атрибута target со значением _blank будет работать очень хорошо.

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

По абсолютным путям двигатели перейдут к U nified R esource L и закроют его.Таким образом, подавьте целевой атрибут.

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

Браузеры будут хорошо работать в обоих случаях.

Answer 7

Вы также можете встраивать с помощью JavaScript через стороннее решение, такое как PDFObject .

Answer 8

Вы также можете использовать этот простой подход GoogleDoc.

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

Это создаст новую страницу для просмотра документа без искажения потока.

Answer 9

Вы можете использовать этот код:

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

Или используйте встраиваемый просмотрщик PDF в 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>

Answer 10

Вы пытались использовать простой тег img?

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