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

后端返回文件流,下载的文件无法读取,损坏,原因是因为接口处理没有加 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('下载成功')

})

相关推荐
不知名的老吴几秒前
View的三大特性之一:迟绑定
开发语言·c++·算法
深邃-9 分钟前
【Web安全】-基础环境安装:虚拟机安装,JDK环境安装(1)
java·开发语言·计算机网络·安全·web安全·网络安全·安全架构
前端老石人11 分钟前
前端网站换肤功能的 3 种实现方案
开发语言·前端·css·html
Legendary_00812 分钟前
LDR6500U PD取电芯片:赋能设备Type-C升级,解锁高效安全取电新体验
c语言·开发语言·安全
冴羽yayujs13 分钟前
2026 年的 JavaScript 已经不是你认识的 JavaScript 了
前端·javascript
小灰灰搞电子14 分钟前
PyQt QWebChannel详解-C++与Web页面的无缝双向通信
前端·pyqt
Rust研习社18 分钟前
深入理解 Rust 裸指针:内存操作的双刃剑
开发语言·后端·rust
Huangjin007_19 分钟前
【C++ STL篇(四)】一文拿捏vector常用接口!
开发语言·c++·学习
M ? A19 分钟前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
午安~婉19 分钟前
Electron桌面应用(续3)
前端·javascript·electron·重构通用模型·异步可迭代对象