Как вставить документ PDF (пдф) в страницу сайта

30 августа 2013  32371  документы, pdf, html, jQuery, онлайн-инструменты

 

Возможностей несколько, но, к сожалению, не все имеют кроссбраузерную поддержку — одни требуют установки плагина, другие вовсе не отражаются. Лучший способ — это вставка кода с использованием скрипта Google Docs Viewer plugin for jQuery.

1. C использованием элемента <embed>.

<embed src="ссылка файла pdf" width="ширина в пикселях" height="высота в пикселях" />

IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.

 

2. C использованием <embed> через элемент <object>.

Спецификация HTML 4.0 рекомендует использовать тег <object> для загрузки внешних данных вместо тега <embed>, поэтому наилучшим вариантом будет поместить <embed> внутрь контейнера <object>.

<object><embed src="ссылка файла pdf" width="700" height="500" /></object>

IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.

 

3. С использованием тега <iframe>.

<iframe src="ссылка файла pdf" width="700" height="400"></iframe>

IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.

 

4. С использованием сервиса Google Docs Viewer (через iframe).

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.apsolyamov.ru%2Ffiles%2Fpdf_test.pdf&embedded=true" width="700" height="500" style="border: none;"></iframe>

 

 

5. С использованием скрипта GDocsViewer.

<script type="text/javascript" src="/js/jquery.gdocsviewer.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $('a.embed').gdocsViewer({width: 630, height: 600});
});
</script>

 

(pdf)

 

Скачать GDocsViewer

 

6. С использованием сервисов публикации документов.

Требуется регистрация. После загрузки файла на сервер сервиса необходимо получить код для вставки документа пдф на сайт.

 

Комментарии для сайта Cackle
наверх