前端将二进制数据流转为文件_前端下载二进制流文件

平时在前端下载文件有两种方式，一种是后台提供一个 URL，然后用 window.open(URL) 下载，另一种就是后台直接返回文件的二进制内容，然后前端转化一下再下载。

由于第一种方式比较简单，在此不做探讨。本文主要讲解一下第二种方式怎么实现。

Blob、ajax(axios)

mdn 上是这样介绍 Blob 的：

Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据

具体使用方法

axios({

method: 'post',

url: '/export',

})

.then(res => {

// 假设 data 是返回来的二进制数据

const data = res.data

const url = window.URL.createObjectURL(new Blob([data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}))

const link = document.createElement('a')

link.style.display = 'none'

link.href = url

link.setAttribute('download', 'excel.xlsx')

document.body.appendChild(link)

link.click()

document.bo