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

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

})

相关推荐
Canace5 分钟前
Harness Engineering 到底在做什么
前端·人工智能·ai编程
用户84298142418107 分钟前
JS代码压缩实测:可减小体积、提高执行效率!
前端·javascript·后端
snow@li10 分钟前
Vue Axios封装与SpringBoot Payload封装全景关联分析(前后端数据交互底层闭环)
前端·vue.js·spring boot
我是苏苏13 分钟前
WPF开发01:基础控件及常用模板篇
开发语言·c#·html·wpf
Csvn13 分钟前
🐛 React StrictMode 下 useEffect 执行两次:不是 Bug,是特性
前端
wuyk55513 分钟前
89.嵌入式内存管理的“稳定利器”:内存池原理与C语言实现
c语言·开发语言·stm32·单片机·嵌入式硬件
做好一个小前端27 分钟前
ECharts 折线图大数据量性能优化参考
前端·性能优化·echarts
渣波27 分钟前
🧭 从 URL 到组件:深度剖析 React Router 原理与 SPA 路由架构艺术
前端
用户8524950718429 分钟前
一个 useRef,三种人生:从 DOM 引用到 Web Worker
前端
无人生还33 分钟前
从 Vue3 到 React · 快速上手系列第 13 篇:工程化与综合实战(Vite + Todo 应用)
前端·vue.js·react.js