如何在reactjs的iFrame中呈现xlsx？

Question

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

应该与IE和chrome等浏览器兼容。

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

但是在页面加载后，它实际上下载了文件。

Answer 1

Excel或.xlsx扩展名文件不能在浏览器/ iframe中本地显示。

最接近的是拥有一个读取Excel文件，然后根据其内容生成HTML的库。

或

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

Answer 2

我使用此API做到了：

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

将此内容插入到iframe中，您将可以看到excel。