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

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

})

相关推荐
Yvonne爱编码16 小时前
JAVA数据结构 DAY7-二叉树
java·开发语言·数据结构
En^_^Joy16 小时前
JavaScript入门指南:从零到精通
开发语言·javascript
前端小趴菜0516 小时前
vue3-signature实现电子签名
前端·javascript·vue.js
玉米Yvmi16 小时前
React自定义Hook实战指南:从入门到精通,让你的代码像乐高一样灵活
前端·react.js·面试
CharlieWang16 小时前
AI + Cloudflare = 你需要的全部
前端·敏捷开发·全栈
董员外16 小时前
从零实现 AI 编程助手:LangChain.js + ReAct 循环实战
前端·javascript·后端
于先生吖16 小时前
2026 新版 Java 同城上门家政服务系统源码 完整可运营
java·开发语言
bluceli16 小时前
JavaScript BigInt:处理大数值的终极解决方案
前端·javascript
不懂代码的切图仔16 小时前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔17 小时前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序