Как отобразить на сайте содержимое документов PDF, DOC и RTF
В данной теме мы рассмотрим простой пример отображения на своем сайте документов в форматах PDF, DOC и RTF.
Объясним для чего это нужно. Предположим у Вас уже есть какие-либо сформированные документы в формате PDF, DOC или RTF, которые нужно показать посетителям Вашего сайта, а не выложить в виде архивов для скачивания. Для того чтобы отобразить содержимое этих документов на своем сайте, не потеряв форматирование мы предлагаем воспользоваться вьювером Google Docs при помощи iframe.
Для встраивания документа в формате DOC, достаточно воспользоваться приведенным ниже кодом:
<iframe style="width: 700px; height: 400px; border: none;"
src="http://docs.google.com/gview?url=http://usefulscript.ru/download/pdf_doc_site.doc&embedded=true"></iframe>
Далее расположен наглядный пример работы приведенного выше PHP кода:
Если Вам необходимо отобразить другой документ, то просто замените имя файла и путь к нему на нужный. При необходимости можно изменить и размеры окна для просмотра документа.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Load denied by X-Frame-Options: https://docs.google.com/gview?url does not permit cross-origin framing.
https://docs.google.com/viewer сгенерировать ссылку (то есть первым способом), а если просто самим писать ее, то встроить в iframe не получится. Так ли это? Вы генерировали ссылку на том сайте?
<iframe src="http://docs.google.com/viewer?url=http://usefulscript.ru/file.xls&embedded=true&pagenumber=1"
width="800" height="400" style="border: none;"></iframe>
Сделано по аналогии с DOC с той лишь разницей, что для XLS необходимо указывать еще и номер листа (pagenumber=1).
url=http://usefulscript.ru/download/pdf_doc_site.doc&embedded=true">Ссылка на pdf...</a>
Для PDF файлов можно использовать такую конструкцию:
<object data='pdf_doc_site.pdf#' type='application/pdf' width='600px' height='400px'>
<iframe style="width: 700px; height: 400px; border: none;" src="http://docs.google.com/gview?url=http://usefulscript.ru/download/vidy_ode.docx&embedded=true"></iframe>
Вместо usefulscript.ru/download/vidy_ode.docx напишите правильный путь к документу.
В чем может быть проблема?