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

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

})

相关推荐
小茴香3532 小时前
Vue3路由权限动态管理
前端·前端框架·vue3
RANxy2 小时前
零基础全栈 React 入门(四):React Router 路由配置
前端·react.js
KaMeidebaby2 小时前
卡梅德生物技术快报|peg 修饰调控 MXene/WS2 异质结,氨气传感器制备与机理研究
大数据·前端·人工智能·架构·spark·新浪微博
lichenyang4532 小时前
鸿蒙实战:安全高度 · 输入框贴键盘弹起 · Tab 底部导航全解
前端
前端毕业班3 小时前
uni-app 小程序样式隔离实践指南和原理分析
前端·javascript·vue.js
码不停蹄的玄黓3 小时前
Java 生产者-消费者模型详解
java·开发语言·python
爱讲故事的3 小时前
操作系统第一讲复习:为什么学习操作系统,以及操作系统到底在做什么?
linux·开发语言·windows·学习·ubuntu·c#
JarvanMo3 小时前
Flutter 鸿蒙化迎来"大搬家"
前端
吃口巧乐兹3 小时前
热加载与插件热插拔:Debug 模式 × E-Spi × H-Spi 全解析
javascript
龙佚3 小时前
抖动缓冲与播放控制:平滑播放的艺术
前端·架构