javascript - 在 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)
• 苹果页面 (.PAGES)
• Adobe Illustrator (.AI)
• Adobe Photoshop (.PSD)
• 标记图像文件格式 (.TIFF)
• 欧特克 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>