大文件上传第三篇：图文并茂，手把手实现大文件上传-秒传续传功能的前后端逻辑（Vue + Express）

做大文件断点续传的功能，主要是为了提升用户体验。除了用户侧的体验外，实现的技术成本也是需要考虑的，比如服务器带宽、存储成本等，下面会介绍一种已经在生产环境中应用的企业级大文件断点续传实现方案。

面试官：“项目中有遇到什么难点吗？” 日常项目没亮点？来给文件上传加点料，本文将带大家实现大文件切片上传，续传功能。

WebWorker手动实现分片上传七牛云等云存储，在完成分片的同时通过队列上传，另外也可根据需要校验数据并重新上传。

背景 以前的文件上传，大多用的是 element plus 的 el-upload 组件进行上传，一般都是一些 Excel 表格等小文件 但是对于一些比较大的文件，比如几百 M，甚至上 G 的文件，就

💁🏻 前言 在前端开发中，经常是需要对图片进行格式转换，其中常见的格式(其中也叫数据类型)包括(File、Blob、Base64、十六进制Hex)。 图片格式转换就是将一种图片格式转换成另一种图片格式

继大文件并行上传之后，开启大文件并行下载实现。依然使用自己熟悉的技术栈：express、vue2。 大文件并行下载，在我的生活里面是要比大文件上传有着更多频次的。就比如经常用下载百度网盘的东西，经常使

通过建立模拟实际文件系统的树型数据结构，配合开源npm库，实现了文件夹的一体化上传，层序上传，而不是简单使用API进行将文件夹拆分成多文件上传。

上传文件体积大时，如果使用把该文件直接在一个请求体中提交，会出现一些问题，性能和服务器压力会很大，而且无法断点续传，需要做优化！