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. 利用数据寿命增加基于闪存的存储类存储器的使用寿命
  2. Python中使用Flask、MongoDB搭建简易图片服务器
  3. 机器学习中的EM算法具体解释及R语言实例(1)
  4. VC ActiveX 控件 开发总结
  5. 如何使用robots禁止各大搜索引擎爬虫爬取网站
  6. 安卓CheckBox实现单选
  7. 我要发明计算机作文,我想发明什么作文小学四年级
  8. Java Byte类的compareTo()方法和示例
  9. 阿里云张献涛:公共云正不断向外延伸,一云多态是未来趋势
  10. 【华为云技术分享】Nginx应用调优案例
  11. Good Bye 2016 //智商再次下线,边界爆炸.....
  12. 电脑今天关机,第二天重启 解决方案
  13. CF914D Bash and a Tough Math Puzzle 线段树
  14. 金山词霸怎样才能在PDF阅读器(ADOBE 7.0/9.0)上取词翻译
  15. 在线图片编辑器/在线视频剪辑器/在线批量加水印网站源码
  16. 社区智能充电管理系统新能源汽车充电桩系统开发
  17. 无损音乐下载器 Delphi版
  18. dft中X(K)的k的含义
  19. uniapp调用高德api
  20. 什么样的公司程序员待遇好?

热门文章

  1. Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(三)
  2. 高三学生凭神经网络论文研究网络暴力!00后也要出道了?
  3. 单目、双目与多目的区别
  4. vue-cli Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)
  5. 超炫酷的Markdown渲染阅读工具(附开源地址)
  6. windows下python开发环境搭建
  7. Upset plot的R实现
  8. 树莓派(Linux)音频输出接口(HDMI和3.5mm耳机接口)相互切换方法
  9. dlib中的人脸识别原理
  10. Git客户端下载及安装