首页 > 其他分享 >下载文件(Excel)功能,后端返回blob字节流,前端怎么处理?

下载文件(Excel)功能,后端返回blob字节流,前端怎么处理?

时间:2023-05-05 11:25:17浏览次数:46  
标签:返回 xxxx 字节 url 前端 Excel link blob

在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢?

实现的功能效果:

 

后端返回的数据:

需要我们处理的乱码:

前端代码:

 1 exportExcel(){ 
 2    axios({
 3       methods:"xxxx",
 4       url:"xxx/xxxx/xxxx",  
 5       responseType:'blob',//在发送请求的时候,设置返回信息为二进制文件,默认为json
 6       data:xxxx
 7    }).then(res => {
 8         let blob = new Blob([res],{type:'application/xlsx'});
 9         let url = window.URL.createObjectURL(blob);
10         const link = document.createElement("a");//创建a标签
11         link.href = url;
12         link.download = '报表.xlsx';//文件的文件名
13         link.click();
14         URL.revokeObjectURL(url);
15    });
16 }

标签:返回,xxxx,字节,url,前端,Excel,link,blob
From: https://www.cnblogs.com/NUNA/p/17373574.html

相关文章

  • 常见excel使用技巧
    一、筛选开头是xxx的列在目标列的右侧插入一列,第二行输入公式=OR(left(左侧单元格)={"1","2","3","4"})下拉公式,出现为TRUE的项,然后通过添加筛选选中TRUE是列。 二、科学计数法换文本显示选中出现科学计数法的那一列,顶部工具栏切换到【数据】,选择【分列】。 ......
  • 地图号码采集,导出excel里面
    有很多人问我地图号码采集怎么做?怎么样能够既快速又全面的的把高德地图左边的搜索列表里的商家地图,电话采集出来,导出到EXCEL里?如何快速地将高德地图里的商家电话资料导出EXCEL? 操作步骤:1.选择你要采集的省份,城市列表里就会有相应的省份的城市列表。2.选择要采集的城市,比......
  • matlab的基于遗传算法优化bp神经网络多输入多输出预测模型,有代码和EXCEL数据参考,精度
    matlab的基于遗传算法优化bp神经网络多输入多输出预测模型,有代码和EXCEL数据参考,精度还可以,直接运行即可,换数据OK。YID:62100632809753171......
  • 径向基RBF神经网络的电力负荷数据回归预测matlab 程序代码,数据EXCEL格式,直接运行。
    径向基RBF神经网络的电力负荷数据回归预测matlab程序代码,数据EXCEL格式,直接运行。可更换自己数据,上手简单。ID:7426632657061937......
  • 通过Handsontable实现像Excel一样编辑数据
    ​一、Handsontable是指什么?官网: http://handsontable.comHandsontable是一个JavaScript库,可以帮助您轻松实现类似Excel电子表格一样的编辑方式。在示范页面尝试一下就知道了,不仅可以像Excel那样输入数据,还有可指定单元格的格式、制作图表等丰富的功能。二、概要kintone作......
  • web导出excel文件并下载
    通常在项目中我们需要对一些数据进行查询,如果有分析需求可能会需要导出成excel方便整理,下面的代码我们使用springboot框架,结合easyexcel2.2.6完成主要部分代码。1.后台生成excel文件流@RequestMapping(value="/api/export",produces=MediaType.APPLICATION_OCTET_STREAM_VALUE)......
  • 一个excel文件中用不同密码实现打开不同表格
    一个excel文件中用不同密码实现打开不同表格ALT+F11打开VBAProjectCTRL+R找到ThisWorkBook双击打开粘贴如下代码PrivateSubWorkbook_BeforeClose(CancelAsBoolean)Dimy,arrarr=Sheets("权限管理").Range("A1").CurrentRegionFory=2ToUBound(arr,2)Sheets(a......
  • 关于如何使用pandas将不同的数据写入到同一个Excel的不同Sheet表中
    笔者在之前使用python将数据写入到Excel表格中,一般都只需要写入一张Sheet表中就可以了因最近一个小的需求,需要将不同的大列表数据写入到不同的Sheet表中这样,再使用之前的pandas.DataFrame(content_list),然后.to_excel("./xxxxx.xlsx")就不再好用了于是笔者又去看了一个pandas......
  • 关于pandas.ExcelWriter()对象在执行.save()时报错FutureWarning: save is not part o
    有时使用pandas将多份数据,写入到Excel中不同的Sheet,可能会用到pandas.ExcelWriter("xxxx.xlsx")对象这样在结束时,就会对对象进行.save()和close(),当然这也是从大部分网站上看到的使用方法但是笔者在实际使用过程中,按这个过程,遇到报错:FutureWarning:saveisnotpartofthepu......
  • python excel 操作
    7个库:xlrd库:从excel中读取数据,支持xls、xlsxxlwt库:对excel进行修改操作,不支持对xlsx格式的修改xlutils库:在xlw和xlrd中,对一个已存在的文件进行修改openpyxl:不支持xls,只支持.xlsx、.xlsm、.xltx、.xltm。可以通过TotalExcelConverter软件进行excel格式转换。软件下载连接:TotalE......