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

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

})

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