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

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

})

相关推荐
Null1552 分钟前
浏览器唤起本地桌面应用(基础版)
前端·浏览器
哈__6 分钟前
React Native 鸿蒙跨平台开发:PixelRatio 实现鸿蒙端图片的高清显示
javascript·react native·react.js
Data_agent8 分钟前
Cocbuy 模式淘宝 / 1688 代购系统(欧美市场)搭建指南
开发语言·python
wszy180915 分钟前
外部链接跳转:从 App 打开浏览器的正确姿势
java·javascript·react native·react.js·harmonyos
pas13617 分钟前
31-mini-vue 更新element的children
前端·javascript·vue.js
lsx20240617 分钟前
《Foundation 下拉菜单》
开发语言
期待のcode21 分钟前
认识Java虚拟机
java·开发语言·jvm
wordbaby21 分钟前
TanStack Router 实战:如何构建经典的“左侧菜单 + 右侧内容”后台布局
前端·react.js
raining_peidx25 分钟前
xxljob源码
java·开发语言
肥猪猪爸26 分钟前
双重检查锁(DCL)与 volatile 的关键作用
java·开发语言·单例模式