在div中显示.doc

Question

可以使用以下方法在div中显示pdf：

<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文档查看器，它会允许您显示内联通常会提示下载的几种类型的文件：

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

您也可以使用iframe在自己的网站中使用此内联。

以下是支持的文件类型列表：

• Microsoft Word（.DOC和.DOCX）
• Microsoft Excel（.XLS和.XLSX）
• Microsoft PowerPoint（.PPT和.PPTX）
• Adob​​e便携式文档格式（.PDF）
• Apple Pages（.PAGES）
• Adob​​e Illustrator（.AI）
• Adob​​e Photoshop（.PSD）
• 标记图像文件格式（.TIFF）
• Autodesk AutoCad（.DXF）
• 可缩放矢量图形（.SVG）
• PostScript（.EPS，.PS）
• TrueType（.TTF）
• XML Paper Specification（.XPS）
• 归档文件类型（.ZIP和.RAR）

我把这个用于PDF的移动输出，但移动版本有一个错误导致无法使用。不知道这个产品的开发在哪里登陆，但桌面版本总能很好地工作。

Answer 2

您可以通过将源链接到服务器上文件的路径，通过div中的iframe执行此操作。

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

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

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