浅浅记录一下 react批量下载为zip的实现过程

柯达Coda

于 2023-12-18 16:23:59 发布

阅读量448

点赞数 12

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/qq_53507028/article/details/135065639

版权

this.setState({ pageLoading: true })
axios({
  url: `/${hc_server_download}/budget_adjust/downLoads`,
  method: 'post',
  responseType: 'blob',
  data: keyselected
}).then(res => {
  if (res.status == 200) {
    // 处理下载文件名 start
    let fileName = res.headers["content-disposition"].split(";")[1].split(`filename="`)[1]
    fileName = fileName.substring(0,fileName.length - 1)
    // 处理下载文件名 end
    let _blob = new Blob([res.data], {
      type: 'application/vnd.ms-excel;charset=UTF-8'
    })
    let _link = document.createElement('a');
    _link.href = window.URL.createObjectURL(_blob);
    _link.download = fileName; //下载的文件名
    _link.click();
    _link.remove();
    message.success(intl.get('message.downloadSuccessfully'))
      this.setState({ pageLoading: false })
    } else {
      message.error(res.statusText)
      this.setState({ pageLoading: false })
    }
}, err => {
    message.error(intl.get('message.downloadFailed'))
    this.setState({ pageLoading: false })
})