美文网首页
前端vue请求文件流,转文件下载【转载】

前端vue请求文件流,转文件下载【转载】

作者: andcen | 来源:发表于2022-06-29 10:54 被阅读0次

原博客

vue中关于后端返回文件流后前端如何下载及自定义名称_mb5fe3290a9b4fe的技术博客_51CTO博客

文件请求流返回信息如图

29170012_617bb81cedc814540.png

1,在请求接口的时候请求头要添加responseType: 'blob'

123.png

2,拿到返回的文件流进行下载

        let blob = new Blob([response], { type: "application/vnd.ms-excel" }) // response就是接口返回的文件流
        let objectUrl = URL.createObjectURL(blob)
        const link = document.createElement("a")  // 创建a标签
        link.href =objectUrl
        link.download = "数据文件"  // 自定义文件名
        link.click() // 下载文件
        URL.revokeObjectURL(objectUrl)  // 释放内存

相关文章

网友评论

      本文标题:前端vue请求文件流,转文件下载【转载】

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