Просмотр PDF в веб-браузере

Как я могу отобразить PDF файл в веб-браузере на странице .html?

Ответ 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>

Ответ 2

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

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

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

Ответ 3

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

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

Ответ 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

Ответ 5

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

Ответ 6

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

Ответ 7

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

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

Для абсолютных путей двигатели перейдут на U нужный R источник L и откройте его. Итак, подавляйте целевой атрибут.

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

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

Ответ 8

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

<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 встраиваемый просмотрщик PDF:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Ответ 9

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

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

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

Ответ 10

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

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

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

Ответ 11

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

Ответ 12

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

Ответ 13

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

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