前端通过后端返回的数据流下载文件

后端返回文件流,下载的文件无法读取,损坏,原因是因为接口处理没有加 blob类型

downloadFile(row.fileId).then(res => {

// res 即后端返回的数据流

const blob = new Blob([res.data])

if (blob && blob.size === 0) {

this.$notify.error('内容为空,无法下载')

return

}

const link = document.createElement('a')

link.href = window.URL.createObjectURL(blob)

link.download = row.fileName

document.body.appendChild(link)

link.click()

window.setTimeout(() => {

window.URL.revokeObjectURL(blob)

document.body.removeChild(link)

}, 0)

this.$message.success('下载成功')

})

相关推荐
a程序小傲10 分钟前
得物Java面试被问:流批一体架构的实现和状态管理
java·开发语言·数据库·redis·缓存·面试·架构
xb113211 分钟前
C#异步编程入门概念及核心概念
开发语言·c#
黎雁·泠崖14 分钟前
Java继承:成员变量访问(就近原则+this/super用法)
java·开发语言
别或许27 分钟前
python中的异步调用(直接使用教程)
java·前端·python
摘星编程27 分钟前
React Native + OpenHarmony:Modal确认取消弹窗
javascript·react native·react.js
ShineWinsu29 分钟前
对于C++:模版初阶的解析
开发语言·c++·面试·笔试·函数··模版
xkxnq29 分钟前
第四阶段:Vue 进阶与生态整合(第 47 天)(Vue 项目目录结构解析:每个文件夹的作用与规范)
前端·javascript·vue.js
Max_uuc34 分钟前
【C++ 硬核】告别 Excel 生成数组:利用 constexpr 实现编译期计算查找表 (LUT)
开发语言·c++·excel
墨雨晨曦8841 分钟前
leedcode刷题总结
java·开发语言
炽烈小老头42 分钟前
浏览器渲染原理:从 HTML 到像素的全链路拆解
前端