乔山办公网我们一直在努力
您的位置:乔山办公网 > excel表格制作 > 关于前端如何导出后台传来的excel接口-excel表格的处理,excel表格下载

关于前端如何导出后台传来的excel接口-excel表格的处理,excel表格下载

作者:乔山办公网日期:

返回目录:excel表格制作




题主所说的导出指的是让前端去下载后台的Excel还时还要有其他操作呢?

如果单纯去下载,可以基于XMLHttpRequest请求,请求一个服务器或者后端的Excel文件,然后设置responseType为blob二进制流来传输。例如:

var excelFilePath = 'resources/Excel/importExcel.xlsx';

var xhr = new XMLHttpRequest();

xhr.open('GET', excelFilePath, true);

xhr.responseType = 'blob';   

xhr.onload = function(e) {

     var blob = this.response;

}

之后onload里面的e5a48de588b6e799bee5baa6e997aee7ad94339blob就是这个Excel文件的二进制流,接下来只要将blob转成文件进行下载就可以了,JS中有很多开源的第三方类库可以做到,例如filesaver。如果是用filesaver的话,调用其中的saveAs方法就可以将该blob转成对应文件进行下载

例如

var fileName = "test.xlsx"

saveAs(blob, fileName);

把上述方法加到onload 方法中,前端就会下载一个名为test.xlsx的Excel文件,内容就是后端传过来的Excel

如果还要有其他操作例如展示或者在线的编辑,就需要一些第三方控件来完成了,比如SpreadJS

上述的方法也是在他们的官方论坛中学到的,参考网址:

网页链接


最快的方法就是使用在线Excel插件,在浏览器中嵌入这些功能。市面上比较好用的在线Excel插件,有SpreadJS 纯前端表格控件、WebOffice控件等。如果要支持在线编辑的话,需要插件自带数据填报功能,这样我就推荐你使用SpreadJS了,他的数据填报是自带的,不用二次开发



这样的需求需要通过一些专业的类Excel控件来完成,这些类Excel控件一般都会有Excel表格展示的功能,在您的系统页面中嵌入上控件之后页面中就会初始化一个Excel表格,之后控件一般都会将Excel的相关功能全部封装成对应的API,例如Excel的导入,导出,公式,图表,形状,单元格操作等。之后根据需求需要用到哪些调用相应的API就可以完成了。

所以你上面说的读进用户的Excel,其实就是导入功能,求和就是公式相关操作的一种,提取列的数据就是正常的单元格操作的其中一种。

如果你是前端导入的话,这里推荐zd使用SpreadJS,这个是一个纯前端的类Excel控件,可以用JavaScript语言实现上述所有的功能。

相关阅读

关键词不能为空
极力推荐

ppt怎么做_excel表格制作_office365_word文档_365办公网