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

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

})

相关推荐
csbysj202033 分钟前
Vue.js 混入:深入理解与最佳实践
开发语言
不羁的fang少年1 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate1 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
yivifu1 小时前
CSS Grid 布局详解(2025最新标准)
前端·css
Gerardisite2 小时前
如何在微信个人号开发中有效管理API接口?
java·开发语言·python·微信·php
Want5952 小时前
C/C++跳动的爱心①
c语言·开发语言·c++
coderxiaohan3 小时前
【C++】多态
开发语言·c++
o***Z4483 小时前
前端性能优化案例
前端
张拭心3 小时前
前端没有实际的必要了?结合今年工作内容,谈谈我的看法
前端·ai编程
gfdhy3 小时前
【c++】哈希算法深度解析:实现、核心作用与工业级应用
c语言·开发语言·c++·算法·密码学·哈希算法·哈希