- 简介
- 前端插件:uppy.io 支持 js、vue、react、svelte
- 官网:[uppy.io](https://uppy.io/)
- uppy前端demo
- java服务端demo
- github地址:[tus-java-server-spring-demo](https://github.com/tomdesair/tus-java-server-spring-demo)
- 具体实现github地址:[tus-java-server](https://github.com/tomdesair/tus-java-server)
本人java服务器开发菜鸡儿一枚,公司项目中涉及文件上传的功能有很多,不乏大文件的,所以从那时起就一直奔波于github、gitee 等开发者的天堂中想寻求一款能满足需求的demo,期间接触了很多前端插件,像百度的很多年前的开源插件webUploader(毕竟很多年前的了)多了也就不说了…
前端插件:uppy.io 支持 js、vue、react、svelte 官网:uppy.io uppy前端demoUppy
以上的代码是整个html文件的内容,自己新建一个html文件拖到浏览器打开就行了,没有任何其它依赖,uppy的依赖js是通过链接的方式引入的。
java服务端demo服务端是基于tus协议,外国大牛使用java编写的;
github地址:tus-java-server-spring-demo一下是结构图,只需要运行spring-boot-rest 即可,前端使用上面的前端demo即可,(因为大神写的uppy-file-upload我这里运行不了)
此处说一个小坑:需要在控制器上加上跨域注解(或者自己写一个配置文件,我这里就暂且使用注解了)
@CrossOrigin(exposedHeaders = { "Location", "Upload-Offset","Upload-Length"})
spring-boot-rest 是一个demo,底层依赖了具体的实现,具体实现都是同一个大神提供。
具体实现github地址:tus-java-serverjava代码我就不贴出来了,大家去github下载吧,下载完不要忘记给原作者一个star哦!下面给几张图片(服了,csdn 无法上传视频!!只能;链接或者 gif,gif只能文件大小只能小于5m,emmmmmmm)
文件的图标按道理是可以显示的,不知道我这个demo哪里有问题,不管了!!哈哈
所有的文件都是并行上传的~~,可以随便暂停某个文件。
暂停继续后进度不丢失,perfect!



