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

后端返回文件流,下载的文件无法读取,损坏,原因是因为接口处理没有加 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爱编码12 分钟前
JAVA数据结构 DAY7-二叉树
java·开发语言·数据结构
En^_^Joy18 分钟前
JavaScript入门指南:从零到精通
开发语言·javascript
前端小趴菜0521 分钟前
vue3-signature实现电子签名
前端·javascript·vue.js
玉米Yvmi23 分钟前
React自定义Hook实战指南:从入门到精通,让你的代码像乐高一样灵活
前端·react.js·面试
CharlieWang32 分钟前
AI + Cloudflare = 你需要的全部
前端·敏捷开发·全栈
董员外34 分钟前
从零实现 AI 编程助手:LangChain.js + ReAct 循环实战
前端·javascript·后端
于先生吖35 分钟前
2026 新版 Java 同城上门家政服务系统源码 完整可运营
java·开发语言
bluceli36 分钟前
JavaScript BigInt:处理大数值的终极解决方案
前端·javascript
不懂代码的切图仔38 分钟前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔38 分钟前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序