# Study

**Repository Path**: penggebest/study

## Basic Information

- **Project Name**: Study
- **Description**: study
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2024-03-25
- **Last Updated**: 2024-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# springboot整合Minio + vue 实现文件分片上传

博客地址: https://blog.csdn.net/weixin_45357745/article/details/129272412

---

网上关于minio[分片上传](https://so.csdn.net/so/search?q=%E5%88%86%E7%89%87%E4%B8%8A%E4%BC%A0&spm=1001.2101.3001.7020)的资料不太详细，缺斤少两，所以我基于他们的代码做了一些修改，demo能够正常运行起来，但是偶尔也会发生一些小bug，不过这些都无伤大雅，最终目的是理解代码背后的逻辑和流程

**流程：**

1.  前端获取生成文件MD5，发送至后台判断是否有该文件缓存，有信息终止上传，无则开始进行文件分片  。这里，我为了简单方便实现便没有使用数据库，直接用redis存储文件信息；
2.  前端后端返回的结果进行分片，然后将文件分片的信息传输给后端，后端调用 minio 初始化，返回分片上传地址和 uploadId；
3.  前端则根据获取的分片上传地址直接通过axios上传分片文件，不走后端；
4.  上传完成后，前端发送请求至后端，后端调用 minio 合并文件；

**流程图：**

![输入图片说明](imgimage1.png)

### 效果图

  1.vue前端

![输入图片说明](imgimage2.png)

2\. minio文件桶

![输入图片说明](imgimage3.png)