栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Go语言

java服务端(go也可) + vue 或者 js ,实现断点续传、秒传、暂停上传、多文件并行上传,可拖拽,可选择文件。

Go语言 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

java服务端(go也可) + vue 或者 js ,实现断点续传、秒传、暂停上传、多文件并行上传,可拖拽,可选择文件。

java服务端(go也可) + vue 或者 js ,实现断点续传、秒传、暂停上传、多文件并行上传,可拖拽,可选择文件。
  • 简介
    • 前端插件: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前端demo



	
	Uppy
	
	


以上的代码是整个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-server

java代码我就不贴出来了,大家去github下载吧,下载完不要忘记给原作者一个star哦!下面给几张图片(服了,csdn 无法上传视频!!只能;链接或者 gif,gif只能文件大小只能小于5m,emmmmmmm)

文件的图标按道理是可以显示的,不知道我这个demo哪里有问题,不管了!!哈哈

所有的文件都是并行上传的~~,可以随便暂停某个文件。


暂停继续后进度不丢失,perfect!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/945030.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号