网站搜索

javascript - 在 div 内显示 .doc

可以使用这个在 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 做类似的事情？（不使用服务器端）

  • 我假设浏览器或计算机有一种读取数据的方法。

答案＃1

我可以建议使用 Google 文档查看器，它可以让你在通常会提示下载的地方内联显示多种类型的文件：

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

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

这里是支持的文件类型列表：

  • Microsoft Word（.DOC 和 .DOCX）
  • Microsoft Excel（.XLS 和 .XLSX）
  • 微软 PowerPoint（.PPT 和 .PPTX）
  • Adobe 可携式文档格式（.PDF）
  • 苹果 Pages (.PAGES)
  • Adobe Illustrator（.AI）
  • Adobe Photoshop（.PSD）
  • 标记图像文件格式 (.TIFF)
  • Autodesk AutoCad（.DXF）
  • 可缩放矢量图形（.SVG）
  • PostScript（.EPS，.PS）
  • TrueType（.TTF）
  • XML 纸张规范 (.XPS)
  • 归档文件类型 (.ZIP 和 .RAR)

我尝试用这个来在移动设备上输出 PDF，但移动版本出现了一个错误，导致无法使用。不确定这个产品的开发进展到哪里了，但桌面版本一直运行得很好。

答案＃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>