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

后端返回文件流,下载的文件无法读取,损坏,原因是因为接口处理没有加 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 小时前
软键盘常见问题(二)
前端
小小小小宇1 小时前
软键盘常见问题
前端
小小小小宇1 小时前
富文本编辑器知识体系(三)
前端
小小小小宇2 小时前
富文本编辑器知识体系(二)
前端
品克缤2 小时前
Trading-Analysis:基于“规则+LLM”的行情分析终端(兼谈 Vibe Coding 实战感)
前端·后端·node.js·vue·express·ai编程·llama
隔壁小邓2 小时前
前端Vue项目打包部署实战教程
前端·javascript·vue.js
流水迢迢lst2 小时前
靶场练习day15--php反序列化
开发语言·php
fengci.2 小时前
ctfshow(web入门)279-286
java·开发语言·学习
TON_G-T2 小时前
javascript中 Iframe 处理多端通信、鉴权
开发语言·前端·javascript
周淳APP2 小时前
【JS之闭包防抖节流,this指向,原型&原型链,数据类型,深浅拷贝】简单梳理啦!
开发语言·前端·javascript·ecmascript