post 下载返回数据流，上传文件

你要走就走

已于 2022-02-15 13:35:41 修改

阅读量447

点赞数

分类专栏：下载数据流文章标签： javascript 前端开发语言

于 2022-02-15 13:31:19 首次发布

本文链接：https://blog.csdn.net/weixin_48852004/article/details/122942547

版权

下载数据流专栏收录该内容

2 篇文章 0 订阅

订阅专栏

post 下载数据流

// 利用blob 构造函数去解析返回的数据流，模拟跳转去下载
// 1.示例
 excelreportClick () {
        // window.location.href = this.base + '/api/user/excelreport/?scan_task_id=' + this.searchQuery.run_id
        excelreport({ scan_task_id: this.searchQuery.run_id }).then(res => {
             const blob = new Blob([res], { type: 'application/xls' }) // 构造一个blob对象来处理数据，并设置文件类型
              if (window.navigator.msSaveOrOpenBlob) {
                    // 兼容IE10
                    navigator.msSaveBlob(blob, res)
                  } else {
                    const href = URL.createObjectURL(blob) // 创建新的URL表示指定的blob对象
                    const a = document.createElement('a')
                    a.style.display = 'none'
                    a.href = href // 指定下载链接
                    a.download = this.pathInfo.scan_task_name + '.xls' // 指定下载文件名
                    a.click()
                    URL.revokeObjectURL(a.href) // 释放URL对象
                  }
          })
      },




// 2、返回数据流要记得去配置axios请求头responseType的格式 不然无效
export function excelreport (data) {
  return request({
    url: api.excelreport,
    method: 'post',
    responseType: 'arraybuffer',
    data
  })
}

// 上传 到服务器

// 利用fromData 转换上传
 const formData = new FormData() // 创建fromData对象
 formData.append('字段名字'，上传获取到得file文件)