前端接受后端返回的文件流，并且下载文件自定义文件名

最新推荐文章于 2024-09-03 14:37:44 发布

海贼8023

最新推荐文章于 2024-09-03 14:37:44 发布

阅读量3k

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/Loya0813/article/details/106542635

版权

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用axios请求以文件形式返回数据的方法，通过设置responseType为'blob'，并利用Blob对象和HTML5的a标签实现文件的下载功能。此方法适用于下载Excel等文件格式。

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

以文件方式返回：

请求属性：responseType: 'blob'

示例代码：

request.post('/demo/download', {
      params: {
        fileName: 'aaa'
      },
      responseType: 'blob'
    }).then(res => {
      if (res) {
        
        let blob = new Blob([res], { type: 'application/vnd.ms-excel' })

        const link = document.createElement("a")
        link.href = window.URL.createObjectURL(blob)
        link.download = '模版.xlsx'
        // fix Firefox
        link.style.display = "none"
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
        window.URL.revokeObjectURL(link.href)
      } else {
        notification.error({
          message: '下载模版失败'
        })
      }
    })