webuploader实例 java_webuploader分片上传

【实例简介】

1、webuploader是百度研发的上传组件，文档不是特别规整，但是也够用了。

2、前端使用官网的上传图片demo，在此基础上代码略微调整做分片。既可以上传图片也可以上传文件。文件超过分片大小才启用分片。

3、分片上传已做md5校验，达到秒传的效果。分片以后需要合并，可以先分片后合并，也可以边分片边合并，本示例采用的是边分片边合并的方案。

4、后端用springboot做框架搭建。springMVC做rest服务，开启跨域访问。

5、容器用springboot内置的tomcat插件，运行Application的main方法即可启动服务；

显示效果

【实例截图】

【核心代码】

bear-webuploader

└── bear-webuploader

├── bear-webuploader

│   ├── pom.xml

│   └── src

│   └── main

│   ├── java

│   │   └── com

│   │   └── bear

│   │   ├── Application.java

│   │   ├── config

│   │   │   └── SpringMVCConfig.java

│   │   └── upload

│   │   ├── controller

│   │   │   └── FileController.java

│   │   ├── service

│   │   │   └── ChunkUploadService.java

│   │   ├── util

│   │   │   ├── FileUtil.java

│   │   │   └── RETURN.java

│   │   └── vo

│   │   ├── CheckMd5FileVO.java

│   │   └── UploadVO.java

│   ├── resources

│   │   ├── application.properties

│   │   └── META-INF

│   │   └── spring-devtools.properties

│   └── webapp

│   └── index.html

└── bear-webuploader-web

├── css

│   └── style.css

├── images

│   ├── bg.png

│   ├── expressInstall.swf

│   ├── icons.png

│   ├── icons.psd

│   ├── image.png

│   ├── progress.png

│   ├── progress.psd

│   └── success.png

├── index.html

├── js

│   ├── jquery.js

│   └── upload.js

└── plugins

└── webuploader

├── Uploader.swf

├── webuploader.css

└── webuploader.js

22 directories, 27 files