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

 

 

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

export const getModuleExel = () => {
    return request({
        url: `test/file`,
        method: 'get',
        responseType: '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); // 释放内存