当前位置：首页 > news >正文

流式上传与分片上传的原理与实现

news 来源：原创 2025/7/27 4:36:51

在这里插入图片描述

🚀 博主介绍：大家好，我是无休居士！一枚任职于一线Top3互联网大厂的Java开发工程师！ 🚀

🌟 在这里，你将找到通往Java技术大门的钥匙。作为一个爱敲代码技术人，我不仅热衷于探索一些框架源码和算法技巧奥秘，还乐于分享这些宝贵的知识和经验。

💡 无论你是刚刚踏入编程世界的新人，还是希望进一步提升自己的资深开发者，在这里都能找到适合你的内容。我们共同探讨技术难题，一起进步，携手度过互联网行业的每一个挑战。

📣 如果你觉得我的文章对你有帮助，请不要吝啬你的点赞👍分享💕和评论哦！让我们一起打造一个充满正能量的技术社区吧！

目录标题

1. 背景
2. 引言
3. 流式上传
- 3.1 原理解析
- - 3.1.1 实现步骤
  - 3.1.2 示例代码
  - - 客户端（JavaScript）
    - 服务器端（Node.js + Express）
4. 分片上传
- 4.1 原理解析
- - 4.1.1 实现步骤
  - 4.1.2 示例代码
  - - 客户端（JavaScript）
    - 服务器端（Node.js + Express）
5. 断点续传💡
- 5.1 原理解析
- - 5.1.1 实现步骤
  - 5.1.2 示例代码
  - - 客户端（JavaScript）
    - 服务器端（Node.js + Express）
6. 总结
7. 附录
- 7.1 流程图
- - 7.1.1 流式上传流程图
  - 7.1.2 分片上传流程图
  - 7.1.3 断点续传流程图
8. 参考资料

1. 背景

在现代互联网应用中，文件上传是一个常见的需求，尤其是在处理大文件时。流式上传和分片上传是两种重要的文件上传技术。流式上传通过一次请求直接将文件上传到服务器，适用于小文件或网络环境稳定的场景。分片上传则是将大文件切成多个小的分片，每个分片单独上传，可以提高上传的可靠性和效率，特别适合网络环境不稳定或文件较大的情况。理解这两种技术的原理和实现，不仅能帮助开发者优化文件上传的性能，还能在面试中展示深厚的技术功底。

2. 引言

在互联网大厂的面试中，文件上传是一个常见的技术考点。特别是在处理大文件上传时，流式上传和分片上传是两个非常重要的技术手段。本文将详细介绍这两种上传方式的原理、实现细节以及如何实现断点续传，帮助你在面试中脱颖而出。🚀

3. 流式上传

3.1 原理解析

流式上传（Stream Upload）是指通过一次请求将文件直接上传到服务器。这种方式适用于小文件上传，因为小文件的传输时间较短，网络波动对其影响较小。然而，对于大文件，直接上传可能会因为网络中断、超时等原因导致上传失败。因此，流式上传更适合小文件或网络环境稳定的场景。🌟

3.1.1 实现步骤

客户端准备：
- 读取文件内容，将其转换为二进制数据。
- 使用HTTP POST请求将文件数据发送到服务器。
服务器端处理：
- 接收客户端发送的文件数据。
- 将接收到的数据保存到指定的文件路径。

3.1.2 示例代码

客户端（JavaScript）

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];
const formData = new FormData();
formData.append('file', file);fetch('/upload', {method: 'POST',body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

服务器端（Node.js + Express）

const express = require('express');
const app = express();
const multer = require('multer');const storage = multer.diskStorage({destination: function (req, file, cb) {cb(null, 'uploads/');},filename: function (req, file, cb) {cb(null, Date.now() + '-' + file.originalname);}
});const upload = multer({ storage: storage });app.post('/upload', upload.single('file'), (req, res) => {res.send('File uploaded successfully');
});app.listen(3000, () => {console.log('Server is running on port 3000');
});

4. 分片上传

4.1 原理解析

分片上传（Chunked Upload）是将大文件切成多个小的分片，每个分片单独上传到服务器。这种方式可以提高上传的可靠性和效率，特别是在网络环境不稳定的情况下。分片上传的关键在于如何处理分片的合并和断点续传。🌐

4.1.1 实现步骤

客户端准备：
- 读取文件内容，将其切成多个分片。
- 为每个分片生成唯一的标识（如索引）。
- 使用HTTP POST请求将每个分片单独上传到服务器。
服务器端处理：
- 接收客户端发送的分片数据。
- 将接收到的分片数据保存到临时文件夹。
- 当所有分片上传完成后，将分片合并成完整的文件。

4.1.2 示例代码

客户端（JavaScript）

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];
const chunkSize = 1024 * 1024; // 1MB
const chunks = Math.ceil(file.size / chunkSize);for (let i = 0; i < chunks; i++) {const start = i * chunkSize;const end = Math.min(start + chunkSize, file.size);const chunk = file.slice(start, end);const formData = new FormData();formData.append('file', chunk);formData.append('index', i);formData.append('totalChunks', chunks);fetch('/upload-chunk', {method: 'POST',body: formData}).then(response => response.json()).then(data => console.log(data)).catch(error => console.error('Error:', error));
}

服务器端（Node.js + Express）

const express = require('express');
const app = express();
const multer = require('multer');
const fs = require('fs');
const path = require('path');const storage = multer.diskStorage({destination: function (req, file, cb) {cb(null, 'uploads/temp/');},filename: function (req, file, cb) {cb(null, `${req.body.index}-${Date.now()}-${file.originalname}`);}
});const upload = multer({ storage: storage });app.post('/upload-chunk', upload.single('file'), (req, res) => {const { index, totalChunks } = req.body;const filePath = path.join(__dirname, 'uploads/temp', `${index}-${Date.now()}-${req.file.originalname}`);if (parseInt(index) === parseInt(totalChunks) - 1) {mergeChunks(totalChunks, req.file.originalname);}res.send('Chunk uploaded successfully');
});function mergeChunks(totalChunks, fileName) {const tempDir = path.join(__dirname, 'uploads/temp');const targetPath = path.join(__dirname, 'uploads', fileName);const writeStream = fs.createWriteStream(targetPath);for (let i = 0; i < totalChunks; i++) {const chunkPath = path.join(tempDir, `${i}-${Date.now()}-${fileName}`);const readStream = fs.createReadStream(chunkPath);readStream.pipe(writeStream, { end: false });readStream.on('end', () => {fs.unlinkSync(chunkPath);});}writeStream.end();
}app.listen(3000, () => {console.log('Server is running on port 3000');
});

5. 断点续传💡

5.1 原理解析

断点续传是指在文件上传过程中，如果发生中断，可以从断点继续上传，而不是从头开始。这对于大文件上传尤为重要，因为它可以节省时间和带宽，提高上传的可靠性。

5.1.1 实现步骤

客户端准备：
- 读取文件内容，将其切成多个分片。
- 为每个分片生成唯一的标识（如索引）。
- 记录已上传的分片信息（如已上传的分片索引）。
- 使用HTTP POST请求将每个分片单独上传到服务器。
服务器端处理：
- 接收客户端发送的分片数据。
- 将接收到的分片数据保存到临时文件夹。
- 当所有分片上传完成后，将分片合并成完整的文件。
- 如果上传中断，客户端可以查询已上传的分片信息，从断点继续上传。

5.1.2 示例代码

客户端（JavaScript）

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];
const chunkSize = 1024 * 1024; // 1MB
const chunks = Math.ceil(file.size / chunkSize);let uploadedChunks = [];// 查询已上传的分片
fetch('/uploaded-chunks', {method: 'GET',headers: {'Content-Type': 'application/json'}
})
.then(response => response.json())
.then(data => {uploadedChunks = data.uploadedChunks;uploadChunks();
})
.catch(error => console.error('Error:', error));function uploadChunks() {for (let i = 0; i < chunks; i++) {if (!uploadedChunks.includes(i)) {const start = i * chunkSize;const end = Math.min(start + chunkSize, file.size);const chunk = file.slice(start, end);const formData = new FormData();formData.append('file', chunk);formData.append('index', i);formData.append('totalChunks', chunks);fetch('/upload-chunk', {method: 'POST',body: formData}).then(response => response.json()).then(data => {console.log(data);uploadedChunks.push(i);if (uploadedChunks.length === chunks) {console.log('All chunks uploaded successfully');} else {uploadChunks();}}).catch(error => console.error('Error:', error));}}
}

服务器端（Node.js + Express）

const express = require('express');
const app = express();
const multer = require('multer');
const fs = require('fs');
const path = require('path');const storage = multer.diskStorage({destination: function (req, file, cb) {cb(null, 'uploads/temp/');},filename: function (req, file, cb) {cb(null, `${req.body.index}-${Date.now()}-${file.originalname}`);}
});const upload = multer({ storage: storage });app.post('/upload-chunk', upload.single('file'), (req, res) => {const { index, totalChunks } = req.body;const filePath = path.join(__dirname, 'uploads/temp', `${index}-${Date.now()}-${req.file.originalname}`);if (parseInt(index) === parseInt(totalChunks) - 1) {mergeChunks(totalChunks, req.file.originalname);}res.send('Chunk uploaded successfully');
});app.get('/uploaded-chunks', (req, res) => {const tempDir = path.join(__dirname, 'uploads/temp');const files = fs.readdirSync(tempDir);const uploadedChunks = files.map(file => parseInt(file.split('-')[0]));res.json({ uploadedChunks });
});function mergeChunks(totalChunks, fileName) {const tempDir = path.join(__dirname, 'uploads/temp');const targetPath = path.join(__dirname, 'uploads', fileName);const writeStream = fs.createWriteStream(targetPath);for (let i = 0; i < totalChunks; i++) {const chunkPath = path.join(tempDir, `${i}-${Date.now()}-${fileName}`);const readStream = fs.createReadStream(chunkPath);readStream.pipe(writeStream, { end: false });readStream.on('end', () => {fs.unlinkSync(chunkPath);});}writeStream.end();
}app.listen(3000, () => {console.log('Server is running on port 3000');
});

6. 总结

通过本文的详细讲解，相信你已经对流式上传和分片上传有了全面的理解。流式上传适用于小文件或网络环境稳定的场景，而分片上传则更适合大文件上传，特别是需要处理网络中断的情况。断点续传是分片上传的一个重要特性，可以大大提高上传的可靠性和效率。希望本文能帮助你在面试中顺利过关，祝你好运！🎉

7. 附录

7.1 流程图

7.1.1 流式上传流程图

7.1.2 分片上传流程图

7.1.3 断点续传流程图

8. 参考资料

MDN Web Docs - Fetch API
Express.js - Node.js web application framework
Multer - Node.js middleware for handling multipart/form-data

乐于分享和输出干货的WXGZG：JavaPersons

在这里插入图片描述

流式上传与分片上传的原理与实现

🚀 博主介绍：大家好，我是无休居士！一枚任职于一线Top3互联网大厂的Java开发工程师！ 🚀 🌟 在这里，你将找到通往Java技术大门的钥匙。作为一个爱敲代码技术人，我不仅热衷…...

编程日记 2025/7/27 4:36:51

基于深度学习CNN算法的花卉分类识别系统01--带数据集-pyqt5UI界面-全套源码

文章目录基于深度学习算法的花卉分类识别系统一、项目摘要二、项目运行效果三、项目文件介绍四、项目环境配置1、项目环境库2、环境配置视频教程五、项目系统架构六、项目构建流程1、数据集2、算法网络Mobilenet3、网络模型训练4、训练好的模型预测5、UI界面设计-pyqt56、项目…...

编程日记 2025/7/21 10:09:50

【数电】常见组合逻辑电路设计和分析

1.基于数据选择器设计 1.1卡诺图降维 1.2实例分析 1.2.1例题一 1.2.2例题二 1.2.2例题三 2.基于译码器设计 3.参考资料 1.《数字电子技术基础第六版》阎石王红 2.卡诺图的降维_哔哩哔哩_bilibili...

编程日记 2025/7/26 7:08:38

攻防世界-web ics-06 [解法思路]

进入环境点击左边的列表只有报表中心有反应注意看url直接就是index.php?id1 我先试了sqlmap不行，然后就沉淀了一下想到了id后面的参数问题，我谁便改了几个数都没反应就想着用bp抓包爆一下这个参数，用了一个数字10000的字典发现2333…...

编程日记 2025/7/23 6:11:43

传智杯 3-初赛：终端

题目描述： 有一天您厌烦了电脑上又丑又没用的终端，打算自己实现一个 Terminal。具体来说，它需要支持如下命令: 1. touch filename：如果名为 filename 的文件不存在，就创建一个这样的文件，如果已经存在同名…...

编程日记 2025/7/27 4:33:11

《数据结构》学习系列——图（中）

系列文章目录目录图的遍历深度优先遍历递归算法堆栈算法广度优先搜索拓扑排序定义定理算法思想伪代码关键路径基本概念关键活动有关量数学公式伪代码时间复杂性图的遍历从给定连通图的某一顶点出发，沿着一些边访问遍图中所有的顶点，且使每个顶点…...

编程日记 2025/7/26 21:56:36

网络安全，文明上网（2）加强网络安全意识

前言在当今这个数据驱动的时代，对网络安全保持高度警觉已经成为每个人的基本要求。网络安全意识：信息时代的必备防御网络已经成为我们生活中不可或缺的一部分，信息技术的快速进步使得我们对网络的依赖性日益增强。然而，网络安全…...

编程日记 2025/7/26 5:43:22

Laravel对接SLS日志服务

Laravel对接SLS日志服务（写入和读取） 1、下载阿里云的sdk #通过composer下载 composer require alibabacloud/aliyun-log-php-sdk#对应的git仓库 https://github.com/aliyun/aliyun-log-php-sdk2、创建sdk请求的service <?phpnamespace App\Ser…...

编程日记 2025/7/26 0:52:40

Kafka 工作流程解析：从 Broker 工作原理、节点的服役、退役、副本的生成到数据存储与读写优化

Kafka：分布式消息系统的核心原理与安装部署-CSDN博客自定义 Kafka 脚本 kf-use.sh 的解析与功能与应用示例-CSDN博客 Kafka 生产者全面解析：从基础原理到高级实践-CSDN博客 Kafka 生产者优化与数据处理经验-CSDN博客 Kafka 工作流程解析&#xff1a…...

编程日记 2025/7/25 12:09:39

基于 Flink 的车辆超速监测与数据存储的小实战

基于 Flink 的车辆超速监测与数据存储的小实战一、实战背景与目标在智能交通管理领域，实时监控车辆行驶速度并精准识别超速行为对于保障道路交通安全和维护交通秩序具有至关重要的意义。本项目旨在构建一个高效的数据处理系统，能够从 Kafka 的 topic…...

编程日记 2025/7/26 15:14:08

Shell 脚本基础（7）：重定向详解

内容预览 ≧∀≦ゞ Shell 脚本基础（7）：重定向详解声明1. 重定向基础概念1.1 输出重定向（> 和 >>）覆盖写入（>）追加写入（>>）输出到终端和文件&#xff0…...

编程日记 2025/7/25 4:39:54

04. 流程控制

一、流程控制流程控制就是用来控制程序运行中各语句执行顺序的语句。基本的流程结构为：顺序结构，分支结构（或称选择结构），循环结构。顺序结构：程序自上到下执行，中间没有任何判断和跳转&…...

编程日记 2025/7/23 4:45:06

基于卡尔曼滤波器的 PID 控制

基于卡尔曼滤波器的PID控制算法结合了经典控制理论和现代信号处理技术。卡尔曼滤波器（Kalman Filter, KF）可以对噪声数据进行平滑处理，从而改善PID控制器的性能，特别是在处理具有噪声和不确定性的系统时。以下是详细的设计过程&am…...

编程日记 2025/7/25 19:22:01

基于信创环境的信息化系统运行监控及运维需求及策略

随着信息技术的快速发展和国家对信息安全的日益重视，信创环境（信息技术应用创新环境）的建设已成为行业发展的重要趋势。本指南旨在为运维团队在基于信创环境的系统建设及运维过程中提供参考，确保项目顺利实施并满足各项技术指标和…...

编程日记 2025/7/22 6:03:39

leetCode 283.移动零

题目给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。请注意 ，必须在不复制数组的情况下原地对数组进行操作。示例 1: 输入: nums [0,1,0,3,12] 输出: [1,3,12,0,0]示例 2: 输入: nums [0] 输出:…...

编程日记 2025/7/26 1:29:27

Kali Linux语言设置成中文

要将Kali Linux设置成中国地区（简体中文），可以按照以下步骤进行操作： 一、更新软件包列表打开Kali Linux的终端。输入以下命令来更新软件包列表： sudo apt-get update 二、安装语言包（如果有就不用安装了…...

编程日记 2025/7/25 18:08:59

c#窗体列表框（combobox）应用——省市区列表选择实例

效果如下： designer.cs代码如下： using System.Collections.Generic;namespace 删除 {public partial class 省市区选择{private Dictionary<string, List<string>> provinceCityDictionary;private Dictionary<string,List<string&…...

编程日记 2025/7/22 14:50:56

kali中信息收集的一些常用工具

这里只是代表个人所见，所以肯定会有其他的没提到，希望大家体谅前言信息收集分为主动和被动的主动就是通过自己的机器去和对方比如通信后获得的数据被动是指不是在自己这里获取的，可以是第三方平台获取到的，与目标没有通信 …...

编程日记 2025/7/20 17:26:26

【CS61A 2024秋】Python入门课，全过程记录P2（Week3开始，更新中2024/11/24）

文章目录关于基本介绍👋Week 3Mon Environments阅读材料Lab 02: Higher-Order Functions, Lambda ExpressionsQ1: WWPD: The Truth Will PrevailQ2: WWPD: Higher-Order FunctionsQ3: WWPD: Lambda 关于个人博客，里面偶尔更新，最近比较忙。…...

编程日记 2025/7/25 12:05:19

python学习笔记（8）算法（1）数组

一、数组数组是存储于一个连续空间且具有相同数据类型的元素集合。若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。用于区分数组的各个元素的数字编号…...

编程日记 2025/7/23 17:22:28

C++（进阶) 第1章继承

C（进阶) 第1章继承文章目录前言一、继承1.什么是继承2.继承的使用二、继承方式1.private成员变量的（3种继承方式）继承2. private继承方式3.继承基类成员访问⽅式的变化三、基类和派生类间的转换1.切片四、继承中的作⽤域1.隐藏规则&am…...

编程日记 2025/7/21 20:57:35

【Linux | 计网】TCP协议详解：从定义到连接管理机制

目录 1.TCP协议的定义： 2.TCP 协议段格式 3.TCP两种通信方式 4.确认应答(ACK)机制解决“后发先至”问题 5.超时重传机制那么, 超时的时间如何确定? 6.连接管理机制： 6.1.三次握手： 为什么需要3次握手，一次两次不行吗…...

编程日记 2025/7/22 20:19:25

SElinux学习

一、SElinux简介 SELinux是Security-Enhanced Linux的缩写，意思是安全强化的linux，传统的访问控制在我们开启权限后，系统进程可以直接访问.当我们对权限设置不严谨时，这种访问方式就是系统的安全漏洞。所以在开启SElinux后会…...

编程日记 2025/7/25 10:20:43

Spark核心组件解析：Executor、RDD与缓存优化

Spark核心组件解析：Executor、RDD与缓存优化 Spark Executor Executor 是 Spark 中用于执行任务（task）的执行单元，运行在 worker 上，但并不等同于 worker。实际上，Executor 是一组计算资源（如…...

编程日记 2025/7/27 1:48:42

阿里云cdn配置记录和nodejs手动安装

cdn 登录阿里云域名解析权限开启cdn，接引导流程， 源可以设置域名或者ip等配置好域名解析上传https证书图片不显示，后端开发需要配置回源配置的回源协议 ，配置跟随客服端【如果浏览器多次重定向错误，客服或者改…...

编程日记 2025/7/27 1:29:19

【实战】基于urllib和BeautifulSoup爬取jsp网站的数据

文章目录前言目标网站分析目标网页爬取数据解析导出数据其他问题处理分页检索及多关键字搜索去重cookie问题工具封装经验总结前言网络数据爬取大致分为两类：静态爬取：该种方式针对那种架构比较老的网站，使用模版方式，通过浏览器F12只能找到静态页面，找不到返回json数…...

编程日记 2025/7/24 4:18:44

cpp-httplib 框架

cpp-httplib 概述主要特点单文件库：cpp-httplib 是一个单文件头文件库，易于集成到现有项目中。你只需将 httplib.h 包含到项目中即可开始使用支持 HTTP 客户端和服务器：它不仅支持作为 HTTP 客户端发送请求，也支持构建 HTTP 服…...

编程日记 2025/7/25 22:59:47

GEE 案例——TVDI（Temperature Vegetation Dryness Index）指数

目录简介方法论代码解释函数案例代码单景影像的TVDI 影像集合批量计算TVDI 引用结果简介本文中代码包含两个可用于计算 TVDI 的主要函数。其中一个函数用于仅根据一幅 NDVI 和一幅 LST 图像生成 TVDI（singleTVDI），另一个函数用于为多幅 NDVI 和多幅 LST …...

编程日记 2025/7/23 17:13:45

Java语言程序设计选填题知识点总结

第一章 javac.exe是JDK提供的编译器public static void main (String args[])是Java应用程序主类中正确的main方法Java源文件是由若干个书写形式互相独立的类组成的Java语言的名字是印度尼西亚一个盛产咖啡的岛名Java源文件中可以有一个或多个类Java源文件的扩展名是.java如果…...

编程日记 2025/7/22 5:47:04

基于Springboot+Vue社区养老服务管理系统（源码+lw+讲解部署+PPT）

前言详细视频演示论文参考系统介绍系统概述核心功能用户角色与功能具体实现截图 1. 服务信息查看功能主要代码实现截图： 2. 服务申请功能主要代码实现截图： 3. 公告信息查看功能主要代码实现截图： 4. 服务信息…...

编程日记 2025/7/25 19:59:43

Linux基本指令的使用

当然可以！以下是一些常用的Linux指令及其示例： 1. ls 列出目录内容。 ls 显示当前目录下的文件和文件夹。 ls -l 以详细格式列出文件和文件夹的信息（如权限、拥有者、大小等）。 2. cd 改变当前目录。 cd /path/to/dire…...

编程日记 2025/7/26 17:04:24

Momenta C++面试题及参考答案

vtable 的创建时机在 C 中，vtable（虚函数表）是在编译阶段创建的。当一个类包含虚函数时，编译器会为这个类生成一个 vtable。vtable 本质上是一个函数指针数组，其中每个元素指向一个虚函数的实现。这个表的布局是由编译…...

编程日记 2025/7/26 2:04:15

AI 在软件开发流程中的优势、挑战及应对策略

AI 在软件开发流程中的优势、挑战及应对策略随着人工智能技术的飞速发展，AI大模型正在逐步渗透到软件开发的各个环节，从代码自动生成到智能测试，AI的应用正在重塑传统的软件开发流程。本篇文章将分析AI在软件开发流程中带来的优势&#xff0…...

编程日记 2025/7/24 1:13:45

langchain runnable

LangChain 文档详细解析 LangChain 是一个用于构建与语言模型（如GPT-4）交互的框架。本文档介绍了LangChain v0.1版本中的Runnable接口及其相关功能。目录 Runnable接口输入和输出模式使用示例异步方法事件流并行处理 1. Runnable接口为了简化自定义…...

编程日记 2025/7/27 1:27:53

nginx配置不缓存资源

方法1 location / {index index.html index.htm;add_header Cache-Control no-cache,no-store;try_files $uri $uri/ /index.html;#include mime.types;if ($request_filename ~* .*\.(htm|html)$) {add_header Cache-Control "private, no-store, no-cache, must-revali…...

编程日记 2025/7/24 4:24:33

目录标题

1. 背景

2. 引言

3. 流式上传

3.1 原理解析

3.1.1 实现步骤

3.1.2 示例代码

客户端（JavaScript）

服务器端（Node.js + Express）

4. 分片上传

4.1 原理解析

4.1.1 实现步骤

4.1.2 示例代码

客户端（JavaScript）

服务器端（Node.js + Express）

5. 断点续传💡

5.1 原理解析

5.1.1 实现步骤

5.1.2 示例代码

客户端（JavaScript）

服务器端（Node.js + Express）

6. 总结

7. 附录

7.1 流程图

7.1.1 流式上传流程图

7.1.2 分片上传流程图

7.1.3 断点续传流程图

8. 参考资料

相关文章：