前端实现websocket之文件分片上传

前端：

1、通过DOM获取文件对象，并且对文件进行MD5加密（文件内容+文件标题形式），采用SparkMD5进行文件加密；

2、进行分片设置，利用Blob的slice方法进行文件分片处理

3、通过 ws.send() 方法发送每个文件片段,为确保片段顺序和完整性，通常会给每个片段附加一个序号或 ID

4、当分片文件上传完成后，请求合并接口后端进行文件合并处理即可。

后端：

1、后端 WebSocket 服务器接收每个文件片段，并逐步将它们保存到服务器上。

2、在接收过程中，后端需要跟踪文件片段的序号，确保数据的正确拼接顺序。

3、当所有文件片段接收完成后，后端将文件拼接为完整文件，并进行校验（如哈希校验）确保文件完整性。

4、通过 WebSocket 发送上传成功或失败的消息回馈给客户端。

进度监控：

前端通过实时更新进度条，用户能够看到上传进度。