Предварительный просмотр документов в браузере - PullRequest
Новая
       7

Предварительный просмотр документов в браузере

7 голосов
/ 03 сентября 2011

Есть ли способ предварительного просмотра документов в браузере? В частности, скажем, iframe на странице, в отличие от открытия документа в новой вкладке? У меня есть список файлов любого типа, и когда пользователь нажимает на один, хочу открыть его в формате только для чтения. Если этот файл представляет собой видео или аудио файл, это достаточно просто, но я хотел бы также иметь возможность создавать PDF, Word Docs, возможно Excel. Предпочтительно это было бы в кросс-браузерной дружественной манере, но если мне нужно сделать обнаружение для плагина (я видел Google Docs Viewer для FF), я могу с этим смириться.

UPDATE:

Ответ ShaneC великолепен и в целом будет хорошо работать. Единственное, что я вижу, это то, что для устройств html5 (например, ipad) мне нужно преобразовать документ в серию изображений. Могу ли я сделать это в автоматическом режиме? Мне нужно сделать это автоматически при загрузке нового документа.

Ответы [ 3 ]

5 голосов
/ 03 сентября 2011

Вы захотите интегрировать кросс-браузерный просмотрщик документов разных типов.Google предоставит вам несколько хороших сайтов, лично у меня был хороший опыт работы с Flex Paper .

. Демонстрации см. Здесь: http://flexpaper.devaldi.com/demo/

2 голосов
/ 24 августа 2017

Существует Javascript ViewerJs. Инструмент с открытым исходным кодом, который позволяет веб-сайту отображать PDF и открывать стандарт для офисных документов.Он будет отображать документы встроенными и без плагинов браузера.

1 голос
/ 12 марта 2019

Существует другой подход, который можно использовать для просмотра изображений / pdf / xlsx / docx и т. Д.

Вы можете использовать iframe и gview Google следующим образом: 

 const YOUR_URL = https://calibre-ebook.com/downloads/demos/demo.docx;
 
 <iframe
   className="doc"
   src={`https://docs.google.com/gview?url=${YOUR_URL}&embedded=true`}
 />
...