在 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 Doc Viewer，它可以让您在通常提示下载的位置内联显示几种类型的文件：

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

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

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

• Microsoft Word（.DOC 和 .DOCX）
• Microsoft Excel（.XLS 和 .XLSX）
• Microsoft PowerPoint（.PPT 和 .PPTX）
• Adobe 可移植文档格式 (.PDF)
• Apple 页面 (.PAGES)
• Adobe Illustrator (.AI)
• Adobe Photoshop (.PSD)
• 标记图像文件格式 (.TIFF)
• Autodesk AutoCad (.DXF)
• 可缩放矢量图形 (.SVG)
• PostScript（.EPS、.PS）
• TrueType (.TTF)
• XML 纸张规范 (.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>