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

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

})

相关推荐
01_ice8 小时前
html个人简历展示
前端·html
程序员爱钓鱼8 小时前
Rust where详解:让泛型与Trait约束更加清晰
前端·后端·rust
青 春 记 忆8 小时前
LeetCode 155. 最小栈|Python 解法详解
开发语言·python·leetcode
zzzzzz3109 小时前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效
风月说与山鬼11 小时前
二、React入口文件(main.jsx)
前端·react.js
东风破_16 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx
东风破_16 小时前
Docker 实战:使用 Nginx 作为容器入口代理 Node 服务
前端·后端·nginx
剩下了什么17 小时前
float32 与 float64 精度陷阱:如何在 Go 中避免错误使用
开发语言·后端·golang
你别说话了17 小时前
Vue项目解决跨域
前端·javascript·vue.js
指尖时光.17 小时前
Three.js 超全入门综合案例
开发语言·javascript·ecmascript