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

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

})

相关推荐
sao.hk4 分钟前
ubuntu2404安装k3s
前端·chrome
cos5 分钟前
Worktrunk 完全指南:让 Git Worktree 和 Claude Code 和平共处
前端·ai编程·claude
不哦罗密经6 分钟前
python相关
服务器·前端·python
happybasic9 分钟前
python字典中字段重复性的分析~~
开发语言·python
ji_shuke20 分钟前
opencv-mobile 和 ncnn-android 环境配置
android·前端·javascript·人工智能·opencv
czlczl2002092529 分钟前
SpringBoot自动配置AutoConfiguration原理与实践
开发语言·spring boot·后端
神说要有光_zy42 分钟前
极其矛盾又顺其自然的2025
前端
前端程序猿之路1 小时前
基于扣子(Coze)工作流 API 的微信小程序开发实践总结
前端·微信小程序·小程序·大模型·api·ai编程·扣子
张较瘦_1 小时前
JavaScript | 数组方法实战教程:push()、forEach()、filter()、sort()
开发语言·javascript·ecmascript
POLITE31 小时前
Leetcode 41.缺失的第一个正数 JavaScript (Day 7)
javascript·算法·leetcode