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

Question

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

Если я не ошибаюсь, Google Docs предлагает средства для отображения PDF, который хранится на том же сервере, что и веб-страница, через iFrame, но мне нужно знать, как я могу сделать это кросс-браузерным способом.

625 8

html pdf

8 ответов:

Comments

Ничего не найдено.

Ian Gregory · Accepted Answer · 2015-04-20 22:32:48

вы могли бы рассмотреть, используя 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>

mutil · Accepted Answer · 2017-08-30 04:32:47

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

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

DoesEatOats · Accepted Answer · 2017-11-08 12:50:40

Это может работать немного лучше
<embed src= "MyHome.pdf" width= "500" height= "375">

Jon · Accepted Answer · 2015-07-11 16:13:49

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

Итак, полтора года спустя: Да, это будет.

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

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

Mp de la Vega · Accepted Answer · 2012-12-29 13:19:11

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

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

Charles Belov · Accepted Answer · 2014-01-11 02:18:48

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

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

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

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

Dreizeiler · Accepted Answer · 2016-02-02 17:23:12

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

Robby · Accepted Answer · 2016-08-16 20:46:48

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

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