前端下载excel文件的两种方法

1. 后端直接返回下载excel的地址链接excelDownUrl：

window.location.href = excelDownUrl; //直接下载excel下载地址

2. 后端返回二进制流文件，前端通过axios 通过Blob 转换excel文件流下载乱码问题：

axios({method: 'GET', //或者POSTurl: '/api',params: params,responseType: 'blob',data:param
}).then(res=>{let result=res.data; //如果后端返回的result是进过Blob处理的，直接 window.URL.createObjectURL(result)，如果没有，就需要先实例化new Blod处理之后再window.URL.createObjectURL(blob)。let blob = new Blob([result], {type: "application/vnd.ms-excel"});  let url = window.URL.createObjectURL(blob);let link = document.createElement('a');link.download = "product.xls";link.href = url;link.click();
}).catch(err=>{console.log(err)
})

3. 后端正常情况下res.data直接返回二进制流文件，异常情况下res.data返回{code:30000,errMsg:"参数错误"}时，前端通过axios 通过Blob 转换excel文件流是否读取json文件成功来下载excel：

axios({method: 'GET', url: '/api',params: params,responseType: 'blob',data:param
}).then(res=>{const fileread=new FileReader();fileread.onload=(e)=>{              try{const message=JSON.parse(e.target.result)console.log(message)                          }catch(e){let url = window.URL.createObjectURL(res.data);let link = document.createElement('a');let timer=new Date().getTime();link.download =timer+"product.xls";link.href = url;link.click();   }}              fileread.readAsText(res.data)
}).catch(err=>{console.log(err)
})

前端下载excel文件的两种方法相关推荐

Ruby读取Excel文件的两种方法
用Ruby读取Excel文件的两种重要方式 1. 通常做法,查阅微软提供的API了,需要包含win32, 在ruby前加入,require 'win32ole' 例如: require 'win32o ...
.NET CORE 2.1 导出excel文件的两种方法
最近在做 MVC 项目的时候遇到项目的导出,下面总结下两种导出到excel 的方法第一种方法: 将文件写到本地,然后返回这个File 或者返回这个 File 的绝对地址其中 _hostingE ...
php原生导出excel文件的两种方法
第一种方法: $filename='文件名称';$filetitle='你的标题';if($_POST){set_time_limit(10000):$title = '';ini_set('memo ...
前端axios下载excel文件(二进制)的处理方法
前端axios下载excel文件(二进制)的处理方法后端生成excel后,前端 click 事件进行下载 ,脱坑记录,亲测有效. lz 使用的是 axios 发起请求 , 首先,介绍一下思路,准备通 ...
合并BIN文件的两种方法
合并BIN文件的两种方法在单片机的开发过程中,经常需要将两个单独的BIN文件合并成一个文件,方便烧写和生产.下面结合STM32的IAP Bootloader Code和Application Cod ...
SAS导出EXCEL文件的几种方法
SAS学习 SAS导出EXCEL文件的几种方法以下基于SAS 9.3简体中文版一.proc export proc export data=a.dataname outfile='D:\excel ...
elf格式转换为hex格式文件的两种方法
这周工作终于不太忙了,可以写点笔记总结一下了. 之前的文章如何在Keil-MDK开发环境生成Bin格式文件,介绍了如何在Keil开发环境使用fromelf软件,将生成的axf文件转换为bin文件,这次 ...
elf格式转换为hex格式文件的两种方法 1
这周工作终于不太忙了,可以写点笔记总结一下了. 之前的文章如何在Keil-MDK开发环境生成Bin格式文件,介绍了如何在Keil开发环境使用fromelf软件,将生成的axf文件转换为bin文件,这次 ...
C#读写txt文件的两种方法介绍[转]
C#读写txt文件的两种方法介绍 1.添加命名空间 System.IO; System.Text; 2.文件的读取 (1).使用FileStream类进行文件的读取,并将它转换成char数组,然后输出 ...
文字转语音文件的两种方法
文件转语音文件的两种方法.小伙伴们在日常的工作.学习或是生活当中,是否遇到过以下这种情况.在工作中每天要阅读大量文件资料,在学习中每天要阅读各种课文,在生活中也会观看各种小说.但是长时间的用眼阅读,就 ...

前端下载excel文件的两种方法

前端下载excel文件的两种方法相关推荐

最新文章

热门文章