文件流下载文件

小蘑菇0629

于 2022-11-30 15:50:14 发布

阅读量283

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_41807530/article/details/128116587

学习笔记专栏收录该内容

49 篇文章

订阅专栏

这段代码演示了如何通过GET请求获取xlsx文件，并利用Blob对象创建URL，然后通过创建隐藏的a标签实现文件下载。主要涉及到HTTP请求、Blob、URL.createObjectURL以及文件下载操作。

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

 this.request({
        method: 'GET',
        url: url,
        params: conditionObject,
        responseType: 'blob'
      }).then(res => {
        let blob = new Blob([res.data], {type: '.xlsx'})
        let url = window.URL.createObjectURL(blob)
        console.log(url)
        // window.location.href = url
        let aTag = document.createElement('a')
        let urldd = window.URL.createObjectURL(
          new Blob([url], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'})
        )
        aTag.href = urldd
        aTag.download = 'fileName'
        aTag.click()
        window.URL.revokeObjectURL(urldd)
        this.fileData = blob
      }).catch(err => {
        console.log(err)
      })