Показать.doc внутри div

Question

Можно отобразить PDF внутри div, используя это:

<div>
    <object data="test.pdf" type="application/pdf" width="300" height="200">
    PDF : <a href="test.pdf">test.pdf</a>
    </object>
</div>

Можно ли сделать что-то подобное для.doc или.docx? (без серверной части)

• Я предполагаю, что браузер или компьютер имеют способ чтения данных.

Answer 1

Могу ли я предложить Google Doc Viewer, он позволит вам показать несколько типов встроенных файлов, где они обычно запрашивают загрузку:

https://docs.google.com/viewer/

Вы также можете использовать это встроенное в свой собственный сайт с использованием iframe.

Вот список поддерживаемых типов файлов:

• Microsoft Word (.DOC и.DOCX)
• Microsoft Excel (.XLS и.XLSX)
• Microsoft PowerPoint (.PPT и.PPTX)
• Adobe Portable Document Format (.PDF)
• Страницы Apple (.PAGES)
• Adobe Illustrator (.AI)
• Adobe Photoshop (.PSD)
• Формат файла изображения с тегами (.TIFF)
• Autodesk AutoCad (.DXF)
• Масштабируемая векторная графика (.SVG)
• PostScript (.EPS,.PS)
• TrueType (.TTF)
• XML Paper Specification (.XPS)
• Типы архивных файлов (.ZIP и.RAR)

Я возился с этим для мобильного вывода PDF-файлов, но в мобильной версии была ошибка, которая делала невозможным использование. Не уверен, куда попала разработка этого продукта, но настольная версия всегда работала очень хорошо.

Answer 2

Вы можете сделать это через iframe внутри div, связав источник с путем к файлу на вашем сервере.

<div>
<iframe src="mydoc.docx">myDocument</iframe>
</div>

<div>
<iframe src="mydoc.xslx">myDocument</iframe>
</div>

<div>
<iframe src="mydoc.pdf">myDocument</iframe>
</div>