前端post请求下载excel表格
1.post的方法里要加responseType: 'arraybuffer'参数,不然下载的excel会乱码
2.使用{type: "application/vnd.ms-excel"}的写法,可以保存为xls格式的excel文件(兼容老版本)。而使用“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”则会保存为xlsx
3.返回结果为下载excel文档链接,使用window.open(result)即可
4.使用增加节点调用click方法,而不使用window.open(objectUrl)方法,是防止被浏览器当插件屏蔽弹出连接
5.给文件设定名字,直接在a标签的download属性中设置即可(这边用的是创建a标签的方法)
api.getCusExportXcl(data.map(res => {return {class1Id: res.class1Id,class2Id: res.refCode,tagId: res.id}})).then(res => {var blob = new Blob([res], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});var objectUrl = URL.createObjectURL(blob);var a = document.createElement("a");document.body.appendChild(a);a.style = "display: none";a.href = objectUrl;a.download = '人员列表';a.click();document.body.removeChild(a);})
前端post请求下载excel表格相关推荐
- 导出 excel 表格(纯前端)和下载excel 文件
这里下载 excel 主要讲解两种方式.一种是前端导出excel ,另一种方式是通过调用后台提供的接口进行下载 excel. (一)前端导出excel 1.Element组件库中的el-table表格 ...
- vue实现纯前端导入与解析excel表格文件,导出Excel
一.安装相关依赖 npm install --save xlsx file-saver 二.使用 import * as XLSX from 'xlsx/xlsx.mjs' const FileSav ...
- java下载Excel表格(ajax处理流文件)
java下载Excel表格(ajax处理流文件) 遇到的问题: ① 导出Excel,处理大量的数据 ② 后端使用Apache POI中的SXSSFWorkbook导出功能,不使用xlsx.core.m ...
- 利用EasyExcel完整的springboot +vue前后端导出并下载excel表格
文章目录 写在前面 正文 1. springboot后端引入easyexcel及使用 1.1 引入依赖 1.2 接口serviceImpl方法 1.3 提供一个对list集合去重的方法(根据相同key ...
- vue下载excel表格模板和导入excel表格数据
vue下载excel表格模板和导入excel表格数据 vue制作excel表格模板给前端下载 vue制作excel表格模板给前端下载 最近有个需求,需要导入excel表格,并且还需要制作模板给用户下载 ...
- 下载excel表格后缀名为.do形式
最近用POI导出数据到excel,文件可以在浏览器下载,只是下载excel表格后缀名为.do形式.这里的do是我web.xml配置的filter过滤去的拦截方式,事实证明,这里配置什么拦截方式,后缀名 ...
- 点击按钮下载Excel表格
网页点击按钮,下载Excel表格到本地 // 下载Excel表格 // table:页面需要下载的表格名 elem:下载按钮 tableName:下载后的报表名 function getExcelUr ...
- SpringBoot下载excel表格
SpringBoot下载excel表格 git地址:https://gitee.com/benming-walnut/download-excel.git 1.目录结构 2.相关依赖 <pare ...
- post方式下载excel表格
post方式下载excel表格 request({method: 'post',url: this.exportUrl,data: data,responseType: 'blob' // 服务器返回 ...
最新文章
- mysql 历史版本下载
- [慕课笔记] node+mongodb建站攻略
- NET问答: 如何避免在 EmptyEnumerable 上执行 Max() 抛出的异常 ?
- WinCE下的GPIO中断的处理
- phpcms网站搬家至服务器
- vue函数如何调用其他函数?_编程|如何简单理解函数的传参、返回、调用
- 马尔可夫决策过程(MDP)
- UVA10167 Birthday Cake【暴力】
- 物联网(IoT)课程
- java 淘口令_淘口令解析
- form表单提交中的input,button,submit
- 键盘输入正六边形边长,输出对应的正六边形
- 四川职业技术学院linux,2019年四川交通职业技术学院单招中职(信息技术一类)专业技能测试大纲...
- CBS基于冲突的搜索算法流程和核心
- vue+springcloud出现跨域问题
- 校园宿舍安全如何保障?这个技能太厉害了
- Win10系统开机后卡在“请稍后”界面很长时间才能进入
- 【C/C++】PDB文件:每个开发者都必须知道
- 亚马逊 AWS推送 AWS nsn Was apps 证书配置 控制台创建 新建APP的几个坑 详解
- 爬虫相关,python异常值的处理/防错机制的建立