最近构思实现了一个小demo网站，前端上传文件，后端分析文件，最后前端展示，整个过程还是蛮有意思的，刚刚开始学习网站开发，还有很多不会的地方，这里演示fastapi+vue3文件上传，上传的excel文件直接存入mongo中，读也是从mongo中读。

文件上传功能几乎是每个 Web 应用不可或缺的一部分。无论是个人博客中的图片上传，还是企业级应用中的文档管理，文件上传都扮演着至关重要的角色。今天，松哥和大家来聊聊文件上传中的几个高级玩法——秒传、断点续传和分片上传。

一 文件上传的常见场景

在日常开发中，文件上传的场景多种多样。比如，在线教育平台上的视频资源上传，社交平台上的图片分享，以及企业内部的知识文档管理等。这些场景对文件上传的要求也各不相同，有的追求速度，有的注重稳定性，还有的需要考虑文件大小和安全性。因此，针对不同需求，我们有了秒传、断点续传和分片上传等解决方案。

文件上传是常见需求，一般我们不会把文件直接上传到应用服务器，因为单台服务器存储空间是有限的，不好扩展。

我们会用单独的 OSS （Object Storage Service）对象存储服务来上传下载文件。

比如一般会买阿里云的 OSS 服务。

我们本地文件存储是目录-文件的组织方式：

而 OSS 服务的存储结构是这样的：

【Alarm Level】重要
【Alarm Title】前端大文件秒传黑科技！程序员集体沸腾
【Alarm Overview】
最近 GitHub 上 Chunk Upload Helper 项目星标暴涨（3 天新增 2.4k），这个能让 5GB 视频秒传的切片方案彻底火了！原理就像把大象装冰箱 —— 分块处理：
1 浏览器用 File API 将文件切成披萨大小的块（默认 1MB）
2 多线程并行上传（比传统方案快 300%）

领导：最近网络有点卡，图片加载的比较慢！

牛马：那咋办？

领导：你把图片都压缩一下，上传图片之前先压缩，能做到吗？

牛马：能（内心99个不愿意）

分析

# 系列文章目录

1. vue3+electron开发桌面软件入门与实战（0）——创建electron应用

下面的代码创建了一个空的 FormData 对象：

var formData = new FormData(); // Currently empty