Отображать PDF в браузере

Как я могу отобразить pdf в веб-браузере на an .html-страница?

13 68
html cross-browser wkhtmltopdf

13 ответов:

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

<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

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

Я pdf.js, Она отлично работает для меня.

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

30

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

(ducks mad HTML designers) сделал это сам, отлично работает, кросс-браузер (ползает в бункер).

17

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

<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

9

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

5

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

3

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

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

для абсолютных путей двигатели будут идти в Uдостойного R esource Locator и открыть его их. Итак, подавите целевой атрибут.

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

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

3

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

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

или используйте Google Docs embeddable PDF viewer:

<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

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

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

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

1

простое решение-поместить его в iframe и надеяться, что у пользователя есть плагин, который его поддерживает.

(Я этого не делаю, плагин Acrobat был таким ресурсным Боровом и источником нестабильности, что я стараюсь удалить его из любого браузера, к которому он прикасается).

сложным, но относительно популярным решением является отображение его во флэш-апплете.

0

мы визуализируем страницы PDF-файлов как PNG-файлы на сервере с помощью JPedal (библиотека java). Это, в сочетании с некоторыми javascript, дает нам высокий контроль над визуализацией и навигацией.

0

отображение содержимого, сохраненного в формате PDF / DOC /DOCX идеально подходит для отображения файла pdf/doc/docx на вашей веб-странице

-1

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

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