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

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

})

相关推荐
钛态6 小时前
前端安全防线:CSRF 攻击链路与双重 Token 校验的工程实现
前端·vue·react·web
辞旧 lekkk7 小时前
【Redis初阶】常见数据类型
开发语言·数据库·c++·redis·学习·缓存·bootstrap
张拭心7 小时前
技术管理笔记:让我“燃尽”的一天
前端
帅次7 小时前
Kotlin 与 Java 互操作:混合工程里的平台类型与 API 边界
java·开发语言·kotlin·suspend·nullable
不好听6138 小时前
BFF 架构实战:从前端直调 API 到加入中间层
前端·架构
不好听6138 小时前
前端跨域完全指南:从为什么报错到三种解决方案
前端
三8448 小时前
路由策略/控制 配置双点双向路由重发布
服务器·前端·javascript
Qimooidea9 小时前
祁木 CAD Translator 工程图纸出海实战指南
服务器·前端·安全
小林ixn9 小时前
从BFF到SSE:我在Vue项目里藏了个“AI翻译官”
前端·vue.js·vite
dtq04249 小时前
C语言-结构体详解
c语言·开发语言·学习