1 Star 0 Fork 303

tuliangyu / 文件上传下载+大文件断点续传+漂亮的前端页面

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

文件上传下载经典案例

本案例只提供了上传下载预览接口,没有前端页面,接口测试使用的是自定义的无侵入Swagger组件,达到目的即可,结合前端的开发本文也将会讲到。

开发环境:JDK8,SpringBoot2.x,MySQL5.5,web-uploader

组件:swagger(自定义无侵入swagger:详情见另一个开源项目:https://gitee.com/Analyzer/swagger2_package)

开发工具:IntelliJ IDEA

项目运行

先看一下效果:可一次性上传多个文件(这里只演示了一个,因为给忘记了,嫌麻烦就没有重新测试)

输入图片说明

导入doc目录下的sql文件到数据库,修改application.yml配置文件中的数据库配置、文件保存目录、端口号等等,启动项目即可。

输入图片说明

接口测试

访问:http://IP:端口/swagger-ui.html

输入图片说明

上传文件 输入图片说明

后边的接口就不再一一介绍,在代码中有解释。

与前端的对接只需要传过来的是form表单里的即可。例如:

输入图片说明

同理其他前端UI框架的文件上传也是利用表单进行传输的。

断点续传测试

修改存储文件夹:

输入图片说明

修改前端URL常量:

输入图片说明

打开doc文件夹下的index.html,选择文件,这里为了显示断点续传的效果,我选择了一个大文件,将自动上传

上传中:

输入图片说明

上传完成:

输入图片说明

上传完成后再次选择这个文件就会启动秒传功能。

**注:**上传完成后文件配置路径中会生成.conf文件,这个文件就是判断文件是否已经上传的配置,如果删除,则下次上传不会启动秒传,而是创建一个后缀为_tmp的文件,导致新上传文件不可用。所以这里可以进行二次开发进行限制上传、覆盖上传或者文件重命名操作。

空文件

简介

基于Springboot2.x的文件上传下载经典案例,文件上传下载+大文件断点续传、秒传+漂亮的前端页面 展开 收起
Java
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
Java
1
https://gitee.com/tuliangyu/file-manager.git
git@gitee.com:tuliangyu/file-manager.git
tuliangyu
file-manager
文件上传下载+大文件断点续传+漂亮的前端页面
master

搜索帮助