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

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

})

相关推荐
海上彼尚几秒前
React18+快速入门 - 1.响应式机制之 useState 和 useReducer
前端·javascript·react.js
Chennnng几秒前
键盘参数选购
前端·css·计算机外设
番石榴AI1 分钟前
纯 Java 实现的 OCR 推理系统:JiaJiaOCR,告别 exe/dll 依赖!
java·开发语言·ocr
小c君tt2 分钟前
FFmpeg在QT中的使用3
开发语言·qt·ffmpeg
Nan_Shu_6142 分钟前
熟悉RuoYi-Vue-Plus-前端 (3)
前端·javascript·vue.js
b***74885 分钟前
前端技术的加速变革:从工程体系到智能化时代的全栈重构
前端·重构
NOVAnet20235 分钟前
React曝“炸弹级”漏洞(CVE-2025-55182),CVSS 10.0分!已有在野利用,企业如何紧急防御
前端·react.js·网络安全·前端框架
鹏多多6 分钟前
Flutter自定义日历table_calendar完全指南+案例
android·前端·flutter
2401_860494707 分钟前
在React Native中实现一个Popover(气泡弹出框)组件,用于展示一些相关的信息,如提示、警告、错误等,同时支持自定义内容和位置
javascript·react native·react.js·ecmascript·harmonyos
侦探观察7 分钟前
南非女性旅游绑架风险分析及防范措施
android·大数据·开发语言·百度·网络安全·旅游