美文网首页代码改变世界IT技术篇
React 下载文件和导出功能实现

React 下载文件和导出功能实现

作者: 燕自浩 | 来源:发表于2020-05-27 15:11 被阅读0次
前提条件
1. React架构
2. TS
3. axios请求
// 下载
  goDown = (recond: any) => {
    this.axios.instance({
      method: 'post',
      url: this.api.taskDownExcel!.path,
      data: { id: recond.id },
      timeout: 10000000
    }).then((res: any) => {
      let { data, code, msg } = res.data
      if (code === 200) {
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = data
        link.setAttribute('download', `${recond.fileName}文件.xlsx`)
        document.body.appendChild(link)
        link.click()
      } else {
        this.$message.error('下载失败!')
      }
    })
  }

相关文章

网友评论

    本文标题:React 下载文件和导出功能实现

    本文链接:https://www.haomeiwen.com/subject/cpvwahtx.html