【源码】基于React和Strapi框架的大文件上传系统

项目简介

本项目是基于React前端和Strapi后端构建的大文件上传系统，实现了大文件的分片上传、断点续传、文件列表展示、文件下载以及文件上传的秒传功能。

项目的主要特性和功能

1. 大文件分片上传与断点续传：前端将大文件切分成多个小片并逐一上传至后端，若上传中断可继续上传剩余部分。
2. 文件列表展示与下载：前端展示已上传文件列表，支持用户下载已上传文件。
3. 文件上传的秒传功能：上传前计算文件hash值，与数据库中已上传文件的hash值对比，若相同则直接标记为已上传。
4. 支持文件暂停与续传：用户能在上传过程中暂停并在需要时继续上传。

安装使用步骤

1. 安装依赖：确保已安装Node.js和Yarn。
2. 启动后端服务：在backend目录下运行以下命令启动Strapi后端服务： bash cd backend yarn yarn develop
3. 启动前端服务：在frontend目录下运行以下命令启动React前端服务： bash cd frontend yarn yarn start
4. 上传文件：在前端界面选择大文件上传，系统自动进行分片上传和断点续传。
5. 查看文件列表：在前端界面查看已上传文件列表并下载文件。
6. 测试秒传功能：上传相同文件，系统自动识别并标记为已上传。
7. 暂停与续传文件：上传过程中，点击暂停按钮暂停上传，再点击续传按钮继续上传。

注意：此项目依赖于本地运行Strapi后端服务，若在实际环境中使用，需确保Strapi服务正常运行并可访问。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】