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

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

})

相关推荐
布列瑟农的星空13 小时前
tree shaking为什么失效
前端
idcu13 小时前
加入 Lyt.js:从第一行代码到核心贡献者
前端
最炫的美少女战士13 小时前
claude code 安装报错claude native binary not installed.
javascript
꧁细听勿语情꧂13 小时前
向下调整算法,top - k 问题,链式结构二叉树,前中后序遍历
c语言·开发语言·数据结构·算法
肥羊zzz13 小时前
Vue2 vs Vue3 中 v-for 的 key 用法对比
前端·vue.js
dsyyyyy110114 小时前
HTML总结
前端·html
用户23678298016814 小时前
Canvas:实现一个高颜值二维码生成器
javascript
橘颂TA14 小时前
【Linux】自旋锁
linux·开发语言·数据库·c++
剑神一笑14 小时前
从字符串到时间线:实现一个 Cron 表达式解析器
javascript·typescript·reactjs
一诺加油鸭14 小时前
若依后端系统集成 Swagger 接口文档功能
java·开发语言