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

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

})

相关推荐
亚空间仓鼠几秒前
Ansible之Playbook(三):变量应用
java·前端·ansible
invicinble5 分钟前
前端技术栈整理
前端
码路飞6 分钟前
昨天还在发 Qwen3.5,今天技术负责人就被阿里云赶走了
java·javascript
倾颜10 分钟前
pnpm monorepo 下,如何把 Next.js 应用里的稳定内核拆成内部 workspace 包
前端·react.js·next.js
Devin_chen11 分钟前
发布订阅模式渐进式学习指南
javascript
念格15 分钟前
Flutter 仿微信输入框最佳实践:自适应高度 + 超行数智能切换全屏
前端·flutter
GISer_Jing16 分钟前
前端图片、动图与动画全解析(含PNG/APNG/Lottie/GIF/Canvas/WebGL/WebGPU)
前端·3d·动画·webgl
OpenTiny社区17 分钟前
多端开发头疼?TinyVue 3.30 一招搞定,AI还帮你写代码!
前端·vue.js·github
码云数智-园园17 分钟前
Python的GIL锁如何影响多线程性能?有哪些替代方案?
开发语言
咬_咬22 分钟前
go语言学习(map)
开发语言·学习·golang·map