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

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

})

相关推荐
hexu_blog14 小时前
前端vue 后端springboot如何实现图片去水印
前端·javascript·vue.js
whuhewei14 小时前
React搜索框组件
前端·javascript·react.js
姓王者14 小时前
Cloudflare Pages自定义依赖安装实践 | 姓王者的博客
前端
stringwu14 小时前
Flutter 开发的 AI 三件套:壮汉、法师、实习生
前端
代码搬运媛14 小时前
BFF 架构浅析:再也不用求后端改接口了
前端
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_50:(深入理解 DOM 中的 Text 节点)
前端·javascript·microsoft·ui·html·媒体
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_51:(深入理解 XPathEvaluator 接口)
前端·javascript·ui·html·音视频
Byte Wizard14 小时前
C语言指针深入浅出6
c语言·开发语言
wjykp14 小时前
5.cypher语句组合与复杂操作
linux·前端·javascript
知识分享小能手14 小时前
R语言入门学习教程,从入门到精通,R语言数据处理与清洗 (9)
开发语言·学习·r语言