如何下载后端返回的二进制文件流

1.通过接口获取二进制文件流

export const getModuleExel = () => {
    return request({
        url: `test/file`,
        method: 'get',
        responseType: 'blob'   //此处一定要设置称blob格式,不然下载的文件会出现乱码或打不开的情况
    })
}

 

复制代码
//fileBinary === 二进制文件流
const
fileBinary = await getModuleExel()
//1.创建一个a标签
const link = document.createElement('a');

//2.将二进制文件流转为Blob格式
let blob = new Blob([fileBinary], { type: "application/vnd.ms-excel;charset=utf-8" })

//3.创建下载地址URL
let objectUrl = URL.createObjectURL(blob) // 创建URL

//4.定义下载后的文件名
link.download = '测试exel' //下载后文件名

//5.设置a标签的href属性为下载地址
link.href = objectUrl

//6.启动a标签的点击事件开始下载
link.click() // 下载文件

//7.释放内存
URL.revokeObjectURL(objectUrl); // 释放内存
复制代码

 

posted @   龙儿哥哥的博客  阅读(133)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示

目录导航