本文阿宝哥详细介绍了文件下载的 9 种场景，希望阅读完本文后，你对 9 种场景背后使用的技术有一定的了解。

本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

1. 安装依赖 安装 3 个依赖: axios, jszip, file-saver 2.具体代码 如果文件过多或者过大，等待时间会很长，建议加个loding提示

我们的通用下载就写好了。 方法的核心就在获取附件之后用 createObjectURL 把附件转为blob.强制附件url使其同源。 fetch 可使用 axios 或者 原生XMLHttpRequest 等其他方式代替，只要能正确获取到blob对象。

经常发现一些站点通过按钮下载文档浏览器静默（不刷新）地就下载了，而且还可以看到下载的状态等。 日常开发里的逻辑是后端返回文件流并带好header，前端直接通过a标签访问这个地址就实现了下载，下载名称在后端header里定义好。这样实现前端不需要任何操作，按照正常的页面访问链接就…