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

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

})

相关推荐
Halo_tjn12 小时前
基于异常处理机制 相关知识点
java·开发语言·算法
费曼学习法12 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
努力干饭中12 小时前
Vibe Coding 第二弹:做一个 Canvas K线图
前端·canvas·vibecoding
沐知全栈开发12 小时前
WebPages 对象
开发语言
谙弆悕博士12 小时前
Lua学习笔记
c语言·开发语言·笔记·学习·lua·创业创新·业界资讯
Data_Journal12 小时前
2026年十大数据集网站
大数据·开发语言·数据库·人工智能·python
cui_ruicheng12 小时前
Linux线程(三):线程同步、互斥与生产者消费者模型
linux·服务器·开发语言
CryptoPP12 小时前
解锁股票数据可视化新姿势:轻量级数据接口与动态图表实践
大数据·开发语言·人工智能·信息可视化·金融·区块链
卷帘依旧12 小时前
Vue 响应式原理:Object.defineProperty vs Proxy 深度对比
前端·vue.js