后端返回文件流文件下载

最新推荐文章于 2024-08-23 16:32:02 发布

Yaince

最新推荐文章于 2024-08-23 16:32:02 发布

阅读量212

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Yaince/article/details/126407124

版权

axios 文件流 blob对象下载接口

关键词由CSDN通过智能技术生成

要对返回的数据进行文件流解析文件流将会被转成blob对象

async handleDownLoad(file) {
    axios
      .request({
        url: '接口地址',
        method: 'get',
        responseType: 'blob', //文件流将会被转成blob对象
        params //接口参数
      })
      .then(res => {
        if (res.data) {
          let blob = new Blob([res.data])
          let url = window.URL.createObjectURL(blob)
          let aLink = document.createElement('a')
          aLink.style.display = 'none'
          aLink.href = url
          aLink.setAttribute('download', file.name)
          document.body.appendChild(aLink)
          aLink.click()
          document.body.removeChild(aLink)
          window.URL.revokeObjectURL(url)
        } else {
          this.$message({ type: 'error', message: '获取下载文件失败' })
        }
      })
  }