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

Ответ 1

Вы можете использовать PDFObject Филиппа Хатчисона.

В качестве альтернативы, если вы ищете решение, отличное от Javascript, вы можете использовать разметку следующим образом:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>

Ответ 2

PDF.js - это экспериментальный метод HTML5, в котором исследуется построение надежного и эффективного переносного документального формата (PDF) рендеринга без встроенной поддержки кода. Он поддерживается сообществом и поддерживается лабораториями Mozilla.

Вы можете увидеть демо здесь.

Ответ 3

Это может работать немного лучше.

<embed src= "MyHome.pdf" width= "500" height= "375">

Ответ 4

Если я не ошибаюсь, OP спрашивал (хотя позже принял решение .js), будет ли встроенный в Google встроенный сервер отображения PDF отображать PDF на своем собственном веб-сайте.

Итак, через полтора года: да, это будет.

См. http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html. Также см. https://docs.google.com/viewer и подключите URL-адрес файла, который вы хотите отобразить.

Изменить: перечитывая, OP просил решения, которые не используют iFrames. Я не думаю, что это возможно с помощью Google viewer.

Ответ 5

попробуйте Flex Paper http://flexpaper.devaldi.com/

он работает как scribd

Ответ 6

Обязательно протестируйте любое решение в разных настройках Reader. У посетителя сайта может быть установлен его браузер для открытия PDF файла в Reader/Acrobat, в отличие от браузера, например, отключив плагин Acrobat в Firefox..

Я не могу быть уверен в своих результатах, потому что у меня есть два разных плагина Acrobat, которые Firefox распознает из-за того, что у меня разные версии Adobe Acrobat и Adobe Reader, но похоже, что вам, по крайней мере, нужно проверить, что произойдет, если посетитель веб-сайта имеет свой браузер, чтобы он не открывал PDF в браузере. Это может быть довольно неприятно, когда они смотрят на то, что, по-видимому, является другой используемой веб-страницей, и их браузер наталкивает их на открытие PDF файла, который, по их мнению, не запрашивал. В некоторых случаях файл PDF самопроизвольно открывался в Adobe Reader, а не в браузере, а в других случаях браузер заводил диалог, говорящий, что файл не существует.

Я столкнулся с такими несоответствиями с iframe и объектом, и разными проблемами для разных кодов.

Это для простого HTML-кода. Я не пробовал предлагаемые рамки.

Ответ 7

pdf2htmlEX от coolwanglu, вероятно, лучшее решение для преобразования PDF файла в html. Вы можете сделать простой конвертировать, а затем вставить html-страницу в качестве iframe или что-то подобное.

Ответ 8

Я бы выбрал FlowPaper, особенно новый режим Elements, который можно найти здесь: https://flowpaper.com/demo/

Он значительно сглаживает PDF файлы одновременно с сохранением текста, что означает, что он будет намного быстрее загружаться на мобильных устройствах.