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表格相关推荐

  1. 导出 excel 表格(纯前端)和下载excel 文件

    这里下载 excel 主要讲解两种方式.一种是前端导出excel ,另一种方式是通过调用后台提供的接口进行下载 excel. (一)前端导出excel 1.Element组件库中的el-table表格 ...

  2. vue实现纯前端导入与解析excel表格文件,导出Excel

    一.安装相关依赖 npm install --save xlsx file-saver 二.使用 import * as XLSX from 'xlsx/xlsx.mjs' const FileSav ...

  3. java下载Excel表格(ajax处理流文件)

    java下载Excel表格(ajax处理流文件) 遇到的问题: ① 导出Excel,处理大量的数据 ② 后端使用Apache POI中的SXSSFWorkbook导出功能,不使用xlsx.core.m ...

  4. 利用EasyExcel完整的springboot +vue前后端导出并下载excel表格

    文章目录 写在前面 正文 1. springboot后端引入easyexcel及使用 1.1 引入依赖 1.2 接口serviceImpl方法 1.3 提供一个对list集合去重的方法(根据相同key ...

  5. vue下载excel表格模板和导入excel表格数据

    vue下载excel表格模板和导入excel表格数据 vue制作excel表格模板给前端下载 vue制作excel表格模板给前端下载 最近有个需求,需要导入excel表格,并且还需要制作模板给用户下载 ...

  6. 下载excel表格后缀名为.do形式

    最近用POI导出数据到excel,文件可以在浏览器下载,只是下载excel表格后缀名为.do形式.这里的do是我web.xml配置的filter过滤去的拦截方式,事实证明,这里配置什么拦截方式,后缀名 ...

  7. 点击按钮下载Excel表格

    网页点击按钮,下载Excel表格到本地 // 下载Excel表格 // table:页面需要下载的表格名 elem:下载按钮 tableName:下载后的报表名 function getExcelUr ...

  8. SpringBoot下载excel表格

    SpringBoot下载excel表格 git地址:https://gitee.com/benming-walnut/download-excel.git 1.目录结构 2.相关依赖 <pare ...

  9. post方式下载excel表格

    post方式下载excel表格 request({method: 'post',url: this.exportUrl,data: data,responseType: 'blob' // 服务器返回 ...

最新文章

  1. mysql 历史版本下载
  2. [慕课笔记] node+mongodb建站攻略
  3. NET问答: 如何避免在 EmptyEnumerable 上执行 Max() 抛出的异常 ?
  4. WinCE下的GPIO中断的处理
  5. phpcms网站搬家至服务器
  6. vue函数如何调用其他函数?_编程|如何简单理解函数的传参、返回、调用
  7. 马尔可夫决策过程(MDP)
  8. UVA10167 Birthday Cake【暴力】
  9. 物联网(IoT)课程
  10. java 淘口令_淘口令解析
  11. form表单提交中的input,button,submit
  12. 键盘输入正六边形边长,输出对应的正六边形
  13. 四川职业技术学院linux,2019年四川交通职业技术学院单招中职(信息技术一类)专业技能测试大纲...
  14. CBS基于冲突的搜索算法流程和核心
  15. vue+springcloud出现跨域问题
  16. 校园宿舍安全如何保障?这个技能太厉害了
  17. Win10系统开机后卡在“请稍后”界面很长时间才能进入
  18. 【C/C++】PDB文件:每个开发者都必须知道
  19. 亚马逊 AWS推送 AWS nsn Was apps 证书配置 控制台创建 新建APP的几个坑 详解
  20. 爬虫相关,python异常值的处理/防错机制的建立

热门文章

  1. 关于“测试缺陷报告”日常总结
  2. 有赞零售小票打印跨平台解决方案
  3. 揭微信投票灰色链条:微信刷投票怎么刷、怎么微信刷票都是金钱利益左右
  4. python如何把文字类型转换成时间类型并求间隔日期
  5. CentOS minimal
  6. iPhone屏幕投影到Mac屏幕
  7. 深度学习中高斯噪声:为什么以及如何使用
  8. 灰色预测原理及实例(附代码)
  9. 【连续介质力学】粘性、弹性和塑性的区别,非牛顿流体
  10. CAD2007破解方法