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

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

})

相关推荐
止观止3 小时前
告别 require!TypeScript 5.9 与 Node.js 20+ 的 ESM 互操作指南
javascript·typescript·node.js
zhougl9963 小时前
Vue 中使用 WebSocket
前端·vue.js·websocket
无名的小白3 小时前
openclaw使用nginx反代部署过程 与disconnected (1008): pairing required解决
java·前端·nginx
xyq20243 小时前
jEasyUI 自定义分页
开发语言
2601_949857433 小时前
Flutter for OpenHarmony Web开发助手App实战:文本统计
前端·flutter
.ZGR.3 小时前
认识数据结构:图——无人机防空平台的“衍生品”
java·开发语言·数据结构
光影少年3 小时前
智能体UI ux pro max
前端·ui·ux
酒鼎3 小时前
学习笔记(7-01)函数闭包
javascript
半梅芒果干3 小时前
vue3 实现无缝循环滚动
前端·javascript·vue.js
波波0073 小时前
Native AOT 能改变什么?.NET 预编译技术深度剖析
开发语言·.net