如何在 reactjs 的 iFrame 中渲染 xlsx？答案

【问题标题】：How to render xlsx inside iFrame in reactjs?如何在 reactjs 的 iFrame 中渲染 xlsx？
【发布时间】：2020-03-16 12:36:58
【问题描述】：

我们可以在 html 中渲染 xlsx 文件吗？

应该兼容IE、chrome等浏览器。

<iframe
 height="500px"
 width="100%"
 src={file.url}
/>

但在页面加载后，这实际上会下载文件。

【问题讨论】：

你需要一些可以读取excel并输出Json数组的JS插件。或者您可以将excel上传到您的服务器，让服务器将文件转换为Json并将其发送回浏览器。为您的问题添加更多详细信息，以便人们知道您寻求哪些解决方案。

【解决方案1】：

Excel 或 .xlsx 扩展名文件不会在浏览器/iframe 中原生显示。

你能得到的最接近的方法是拥有一个读取 Excel 文件然后根据其内容生成 HTML 的库。

或者

另一种解决方案是将文件转换为 pdf 并在 iframe 中显示。

【讨论】：

【解决方案2】：

我是用这个 API 做的：

https://view.officeapps.live.com/op/embed.aspx?src=http://www.learningaboutelectronics.com/Articles/Example.xlsx

将此插入到 iframe 中，您将能够看到 excel。

【讨论】：