ajax下载文件

最新推荐文章于 2023-10-10 17:05:12 发布

原创最新推荐文章于 2023-10-10 17:05:12 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

自己的项目专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种在存在Token鉴权的情况下实现Excel模板文件下载的方法。通过使用Axios库进行HTTP请求，并通过响应类型设置来获取文件数据，再通过Blob对象创建下载链接完成文件下载。文章还提供了一个具体的下载功能实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到个项目有token鉴权，所有下载都不能直接给链接，学习后然后就有了以下的

// 下载设备管理excel 模板
export const personTemplate = (params, type, URL) => {
  return Axios.get(URL, { responseType: 'arraybuffer' }
  ).then(res => {
    if (type === 1 && params !== null) {
      var fileName = params + '模板.xlsx'
    } else if (type === 2 && params === null) {
      fileName = '列表.xlsx'
    }
    let blob = new Blob([res.data], { type: 'application/x-xls' })
    if (navigator.appVersion.toString().indexOf('.NET') > 0) {
      window.navigator.msSaveBlob(blob, fileName)
    } else {
      let link = document.createElement('a')
      link.href = window.URL.createObjectURL(blob)
      link.download = fileName
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
    }
    return res.data
  })
}

记录一下以后备用

同事提醒优化后

export function personTemplate (data) {
  return Axios({
    url: '/scp-mdmapp/user/downloadUsers',
    method: 'get',
    params: data,
    responseType: 'arraybuffer'
  })
}

调用

/**
     * @description 导出按钮
     */
    onDownload: function () {
      let param = {}
      param.houseUuid = this.exportHouseNode.houseUuid
      param.orgUuid = this.exportHouseNode.orgUuid
      param.name = this.personSearch.name
      param.userType = this.personSearch.userType
      param.sex = this.personSearch.sex
      personTemplate(param)
        .then(res => {
          let fileName = '人员列表.xlsx'
          let blob = new Blob([res.data], { type: 'application/x-xls' })
          if (navigator.appVersion.toString().indexOf('.NET') > 0) {
            window.navigator.msSaveBlob(blob, fileName)
          } else {
            let link = document.createElement('a')
            link.href = window.URL.createObjectURL(blob)
            link.download = fileName
            document.body.appendChild(link)
            link.click()
            document.body.removeChild(link)
          }
        })
        .catch(err => {
          this.$message({
            message: '服务器连接异常',
            type: 'warning'
          })
          console.warn(LOG_TAG + '人员导出下载err')
          console.warn(err)
        })
    }