js将后端返回的blob请求下载

最新推荐文章于 2024-07-04 05:00:00 发布

YaaLee_

最新推荐文章于 2024-07-04 05:00:00 发布

阅读量564

点赞数 3

分类专栏： Js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/yrqlyq/article/details/138085033

版权

Js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

首先在请求里加上responseType: 'blob'

http({
  url: '',
  method: 'post',
  headers: {
    'Content-Type': 'application/json'
  },
  responseType: 'blob',
  data: saveObj
})

然后再返参里下载

http({
    url: '',
    method: 'post',
    headers: {
      'Content-Type': 'application/json'
    },
    responseType: 'blob',
    data: saveObj
  }).then(res => {
    const currentDate = new Date()
    const year = currentDate.getFullYear()
    const month = currentDate.getMonth() + 1
    const day = currentDate.getDate()
    const formattedDate = `${fileName}导入数据${year}_${month}_${day}`

    const blob = new Blob([res])
    // 开始下载
    const elink = document.createElement('a')
    elink.download = `${formattedDate}.xlsx`
    elink.style.display = 'none'
    elink.href = URL.createObjectURL(blob)
    document.body.appendChild(elink)
    elink.click()
    URL.revokeObjectURL(elink.href) // 释放URL 对象
    document.body.removeChild(elink)
  })