前端导出文件，后端返回文件流过大直接干崩溃

• 在我这个项目中是导出图片，图片量还是蛮大的，直接干崩溃了

• 我们这里是后端同学直接返回的是文件流

• 通过调用接口拿到文件流后直接调用下面的方法

export function exportZip(res, name) {

const blob = new Blob([res.data], {

type: ‘application/zip’

})

const reader = new FileReader()

reader.readAsDataURL(blob)

reader.onload = function (e) {

const a = document.createElement(‘a’)

a.download = ${name}.zip

a.href = e.target.result

// 兼容触发click

const evt = document.createEvent(‘MouseEvents’)

evt.initEvent(‘click’, true, true)

a.dispatchEvent(evt)

}

}

然后就出现上面的崩溃，分析后是因为文件流太大导致的，解决办法如下：

1. 直接让后端同学将zip准备好，调用接口返回的是一个地址 我们通过访问地址来下载zip

<a @click=“downFile()”>{{文件名称}}

//下载方法

downZip () {

let a = document.createElement(‘a’)

a.href = ‘这里是后端同学返回的地址’

a.click()

}

2. 我们可以接收较大的文档流—在 github 上面找到了大神写的一个库

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
ps://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！