下载后端传来的excel文件

html内容

<el-button  size="small" type="primary" @click="exprotExcel">下载excel模板</el-button>

请求处理

下面为请求的函数，设置特殊的responseType（文件格式具体看后端有可能为StringBuffer）和headers

  export(paramsList){return myAxios({url:'/api/auth/excel/exportExcel',method:'get',responseType: 'blob',headers: { 'Content-Type': 'application/x-download' }})},

请求成功后的处理

  exprotExcel(){staff.export().then(res=>{
console.log(res);const link = document.createElement('a')const blob = new Blob([res], { type: 'application/vnd.ms-excel' })link.style.display = 'none'link.href = URL.createObjectURL(blob)link.setAttribute('download', `${name}.xlsx`)document.body.appendChild(link)link.click()document.body.removeChild(link)})},

接着触发点击事件就能看到左下角excel文件被下载了

下载后端传来的excel文件相关推荐

前端用 js-file-download组件下载后端返回的Excel文件
后端接口返回的Excel的文件流需要导出让浏览器下载文件一.先安装 js-file-download组件 npm install js-file-download --save 二.在对应使用的页面 ...
前端处理后端返回的excel文件流并下载
项目中遇到上传excel,后端写的接口是当重复上传相同信息的excel时会吐出excel二进制文件流,这种文件流需要前端下载供用户看. 首先后端的接口需要上传文件已formData形式上传这里我用的 ...
nodejs调用后端接口返回excel文件流，nodejs再转发前端实现下载excel
今天在项目上遇到了一个问题,就是后端接口返回excel文件流,然后前端实现下载excel,前端下载的excel文件居然无法打开! 在网上搜索了很多对应的资料,也尝试了很多办法,还是没能解决,最后在这篇 ...
vue项目中实现下载后端返回的excel数据表格
查看更多资源 1. 案例简介: vue项目中,客户端需要实现以excel表格形式下载数据,后端为java,接受请求 >> 读取数据库 >> 生成excel >> 返 ...
用ajax下载字节流形式的excel文件
原因:ajax请求只是个"字符型"的请求,即请求的内容是以文本类型存放的.文件的下载是以二进制形式进行的,ajax没法解析后台返回的文件流,所以无法处理二进制流response输出 ...
通过XML转换下载.xlsx格式的excel文件
在SAP系统中,通过SE11显示一个table的内容,可以发现ALV grid的显示界面上有个spread sheet的标准按钮,点击这个按钮可以将显示的内容下载成excel文件,其中也包括扩展名.x ...
node-xlsx 生成并下载有超链接的excel文件
需求:将微信小程序云数据库中的数据导出为excel文件,文件按团队分为不同的sheet页,首页汇总每个sheet页的数据总数,并可点击跳转至对应的sheet页.下载时可选择今年某月份进行下载对应的数据 ...
后端node-xlsx读取excel文件后时间格式的转换 - 利用xlsx自带方法
在node端中使用node-xlsx读取带有日期数据的excel文件文件时,发现日期数据全部变成了数字,手动验证发现是距离1900年1月1日的天数,网上很多解决方案为进行天数转换,但是要额外增加一个函 ...
Vue下载blob类型的excel文件:
1.思路: 1.请求时加上 responseType: 'blob', 2.处理并下载 2.案例: // 获取收货单位的导入模板 /api/consignee/getTemplate get expo ...

下载后端传来的excel文件

html内容

请求处理

下载后端传来的excel文件相关推荐

最新文章

热门文章