前言 在开发过程中要求对 PDF 类型的发票提供 预览 和 下载 功能，PDF 类型文件的来源又包括 H5 移动端 和 PC 端，而针对这两个不同端的处理会有些许不同，下文会有所提及。 针对 PDF

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

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

背景 作为一名前端开发工程师，我始终认为，在网页上，我们几乎是无所不能的 前两天，女朋友问我网页上的视频怎么下载，我心里想到，装逼的时候来了，于是我抢过鼠标，熟悉的点击右键审查元素，点击视频文件，找到

废话少说直接上代码这边利用ajax和blob模拟下载

自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩坑，即插即用，欢迎fork和star🌟，为这个仓库添砖加瓦～(P.S. 个人认为如果没写过上传下载其实还…

在实际开发过程中经常会碰到用户要下载或者导出一个文件的需求。传统的做法是在后端存储或者即时生成一个文件来提供下载功能，这样的优势是可以做权限控制、方便数据二次处理，但缺点是需要额外发起请求、增大服务端压力、下载速度慢。但随着HTML5的标准发布，我大前端已经完全可以独立实现文件…

前端下载文件通常会遇到这样两种情况文件上传到资源服务器上，后端只保存了文件地址，前端拿到后端返回的文件地址直接下载。文件就存在后端服务器上（通常是临时根据前端参数动态生成，用完就删除），后端读取文件后