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

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

})

相关推荐
晴天169 小时前
Chrome WebMCP 让网站学会向 AI「自我介绍」
前端·人工智能·chrome
雪芽蓝域zzs9 小时前
二十一节:进阶:用户列表批量删除功能
前端·javascript·vue.js
研☆香9 小时前
可选链运算符和空值合并运算符的使用
前端·javascript·vue.js
leeyi9 小时前
SSE 到了浏览器会怎样:解析、重连与中止(第105篇)
前端
后台模板学习9 小时前
Rust vs Python 在用户认证模块中的实现:底层
开发语言·python·rust
雪芽蓝域zzs9 小时前
第二十七节:进阶:路由权限控制 + 404 / 401 全局异常页面开发
前端·javascript·html
风骏时光牛马9 小时前
稳定性治理与疑难问题深度分析实践
前端
所念皆星海9119 小时前
Python学习---DAY10函数
开发语言·python·学习
光影少年9 小时前
react navite 简单原生方法双向调用示例
javascript·react native·react.js
zzzzzz3109 小时前
react-bits:把“酷炫组件”放回 React 组件化的语境里看
javascript·react.js·动效