主要功能分为：分片、并发，预览、压缩，多途径添加文件夹（文件多选，拖拽等）、秒传
页面样式使用
生成文件名列表、实时显示上传进度、显示缩略图
- 增加文件列表div,
- 生成缩略图和显示上传进度
拖拽上传、粘贴上传
- 创建拖拽区域并设置样式：
- 基本配置中增加dnd区域配置(开启拖拽)
屏蔽拖拽区域外的响应
开启粘贴功能
文件的分块上传
前端根据需要发送的文件生成一个md5字符串发送给后台，后台创建以该md5字符串命名的文件夹。前端分块发送文件并发送文件块序号给后台，后台接收到文件后按序号名称保存。前端发送完成后通知后台合并文件。
- 前端配置，开启是否分块、分块大小、线程个数等
- 前端监听分块
可以分为三个时间点：- before-send-file: 该方法在文件上传前调用（只会在一个文件上传前调用）。
可以在该方法中获取文件的md5字符串作为后台保存分块文件的目录名 - before-send: 该方法在每个分块文件上传前调用（每个分块上传前都会调用）。
可以在该方法中发送md5字符串到后台，后台判断是否已经存在分块决定是否发送以达到断点续传的功能 - after-send-file: 该方法在所有文件上传完成没有错误之后调用（所有分块上传完成后调用）。
可以在该方法中通知后台合并所有分块
- before-send-file: 该方法在文件上传前调用（只会在一个文件上传前调用）。
- 前端获取文件md5字符串，发送每个分块时发送到后台，后台接收如果不存在文件夹创建文件夹，保存分块发送的文件
- 添加state标签
- 保存文件
- 前端通知action进行合并文件
前端增加：
- 新增合并action:
断点续传
- 前端页面发送前添加校验，校验是否已经上传分块
- action中添加校验
源码点击下载
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.bianchenghao6.com/java-jiao-cheng/7905.html