Вставить PDF файл на сайт (встраивание PDF, DOC, XLS, PPT, PSD, SVG, TIF, ... в HTML).

← Назад в записки веб-программиста

Вставить PDF файл на сайт (встраивание PDF, DOC, XLS, PPT, PSD, SVG, TIF, ... в HTML).

htmliframepdfdocxlspptpsdsvgtif

Существует несколько способов встраивания pdf файлов в тело сайта как элемент html. Я хочу поделиться способом, который мне показался наиболее простой и в то же время кроссбраузерный. Более того есть возможность вставлять файлы других расширений.

Такую возможность предоставляет сервис Google Docs Viewer. Встраивание осуществляется с помощью iframe с сервера Google Docs Viewer. Google предоставил внушающий список поддерживаемых расширений. Теперь вы можете выкладывать на сайт документы, презентации, таблицы и т.д.


Давайте рассмотрим случай с PDF:


	<iframe src="http://docs.google.com/viewer?url=http://site.ru/file.pdf&embedded=true&a=bi&pagenumber=1&w=800&h=1100" 
	 width="800" height="1100" style="border: none;"></iframe>
				

GET параметры:

a=bi&pagenumber=1 - убираем инструменты pdf;

w=800&h=1100 - указываем размеры файла;

ДемоСмотреть демо