Для внедрения PDF документа на веб-страницу есть несколько способов. Правда, ни один из них не является кроссбраузерным. Рассмотрим один из них.
HTML теги object
и embed
<object width="800" height="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="src" value="имя_файла.pdf" /> <embed width="800" height="600" type="application/x-shockwave-flash" src="имя_файла.pdf" /> </object>
Можно также отключить лишние панели при показе документа, добавив соответствующие параметры к URL файла:
<object width="800" height="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="src" value="имя_файла.pdf#toolbar=0&navpanes=0&scrollbar=0" /> <embed width="800" height="600" type="application/x-shockwave-flash" src="имя_файла.pdf#toolbar=0&navpanes=0&scrollbar=0" /> </object>
Где scrollbars
— полосы прокрутки, navpanes
— панели навигации, toolbar
— панель инструментов.
Весь список параметров:
№ | Параметр | Тип | Описание |
---|---|---|---|
1 | page | число | номер страницы, на которой необходимо открыть документ |
2 | search | строка | фраза для выделения ее в документе |
3 | zoom | scale | масштаб документа в процентах |
4 | zoom | scale, left, top | масштаб документа в процентах и позиция от верхнего левого угла |
5 | toolbar | 1/0 | показать/скрыть панель инструментов |
6 | statusbar | 1/0 | показать/скрыть панель состояния (статусная строка) |
7 | messages | 1/0 | показать/скрыть панель сообщний |
8 | navpanes | 1/0 | показать/скрыть панель навигации |
9 | scrollbars | 1/0 | показать/скрыть полосы прокрутки |
10 | pagemode | bookmarks/thumbs/none(default) | режим отображения (bookmarks — закладки, thumbs — миниатюры) |
Flash
Самым «продвинутым» способом внедрения PDF документа является, конечно же, использование технологии Flash, SilverLight, но об этом в следующих статьях.
Ссылки
Источник: https://www.kobzarev.com/programming/display-pdf-on-webpage/