与后端配合单个/批量导出excel的方法

单个:
点击导出按钮后
直接通过后端提供的接口一行代码即可

location.href = URL + `/api/Preparation/exportPreparationData?id=${row.id}`

批量(这里的批量指的是一个Excel文件多个sheet页签,我们传参需要传相应的数组或其他数据结构给后端):
点击批量导出按钮后

this.param = xxx
axios
	.post(
	   URL + '/api/workOrder/exportPackExcel',
	   this.param,
	   {
	     responseType: 'blob', // 设置返回类型
	     headers: {
	       Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
	     }
	   },
	   {
	     headers: {
	       'content-type': 'multipart/from-data',
	       Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
	     }
	   }
	 )
	 .then(res => {
	   try {
	     // 如果文件类型不确定的时候,可以不设置type
	     const blob = new Blob([res.data], { type: 'application/x-sh' })
	
	     var downloadElement = document.createElement('a')
	     var href = window.URL.createObjectURL(blob) // 创建下载的链接
	     downloadElement.href = href
	     const name = this.param.scDate + '-内部包装清单'
	     downloadElement.download = name + '.xls' // 下载后文件名
	     document.body.appendChild(downloadElement)
	     downloadElement.click() // 点击下载
	     document.body.removeChild(downloadElement) // 下载完成移除元素
	     window.URL.revokeObjectURL(href) // 释放掉blob对象
	   } catch (e) {
	     console.log('下载的文件出错', e)
	   }
	 })
	 .catch(err => {
	   console.log('请求出错', err.response.data.error)
	 })

相关推荐

  1. 配合单个/批量导出excel方法

    2024-02-02 01:10:02       49 阅读
  2. excel导入

    2024-02-02 01:10:02       32 阅读
  3. Vue实现excel导出,不请求

    2024-02-02 01:10:02       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-02 01:10:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-02 01:10:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-02 01:10:02       82 阅读
  4. Python语言-面向对象

    2024-02-02 01:10:02       91 阅读

热门阅读

  1. c入门第一篇——hello c!

    2024-02-02 01:10:02       50 阅读
  2. Apache Commons

    2024-02-02 01:10:02       59 阅读
  3. ISCTF wp

    ISCTF wp

    2024-02-02 01:10:02      50 阅读
  4. EXCEL VBA实现随机数抽奖

    2024-02-02 01:10:02       53 阅读
  5. Python爬虫-批量爬取免费小说并下载保存到本地

    2024-02-02 01:10:02       116 阅读
  6. Python 机器学习 K-近邻算法

    2024-02-02 01:10:02       61 阅读