前言 文件上传在平时的开发过程中很经常会遇到，本文总结了如下常用的文件上传场景，包括前后端的代码实现，希望你下次遇到上传文件的场景可以直接秒杀。文章稍稍有点长，建议点赞收藏食用🐶。 上传方式 点击上传

前端开发中，常见的文件上传场景有： 单个文件上传 多个文件上传 目录上传 拖拽上传 剪贴板上传 大文件分块上传 本篇我们来讲一下目录上传文件的场景

我们经常看到一些网站支持直接选择整个文件夹上传，例如：宝塔面板、cloudflare托管、对象存储网站等等需要模拟文件路径存储文件的场景。那是怎么实现的呢？

大家好，我是柒八九。一个专注于前端开发技术/Rust及AI应用知识分享的Coder 前言 今天呢，和大家聊点耳熟能详的东西。文件上传。 讲到这里，大家不要嗤之以鼻，认为这不是分分钟就用组件库实现的吗？

之前看了掘友写了一个单文件分片上传和断点续传的文章，对此充满了兴趣，因此开始自研学习。经过一段时间的学习，自己动手写了一个小demo。这篇文章将记录自己coding遇见的问题和总结自己小demo的思路。 利用dragover事件（当某物被拖动的对象在另一对象容器范围内拖动时触发…