vue前端如何下载后端返回二进制文档流
时间: 2024-01-15 11:13:45 浏览: 130
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
您可以使用浏览器提供的 Blob 对象和 URL.createObjectURL() 方法,将二进制文档流转为 URL,并通过创建 A 标签并模拟点击下载的方式实现前端下载。具体实现步骤可以参考以下代码示例:
```
// backendResponse 是后端返回的二进制文档流数据
// 转为 Blob 对象
const blob = new Blob([backendResponse], { type: 'application/octet-stream' })
// 将 Blob 对象转为 URL
const url = URL.createObjectURL(blob)
// 创建 A 标签并设置下载属性,模拟点击下载
const a = document.createElement('a')
a.href = url
a.download = '文件名'
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
// 释放 URL 对象占用的内存
URL.revokeObjectURL(url)
```
以上代码是基于 Vue 框架的实现方式,您可以根据具体的前端框架和项目需求进行适当的修改。
阅读全文