[发明专利]HTML5断点续传的方法

说明书

本发明公开了一种HTML5断点续传的方法，其包括以下步骤：步骤一，通过浏览器文件选择框选择上传文件；步骤二，判断使用ajax请求上传服务器创建视频唯一标识是否成功，是则转步骤三，否则转步骤六；步骤三，使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置等。本发明当网络出现抖动或者HTTP连接断开后，浏览器会从断开的位置继续上传视频文件；文件上传更快；断点续传在文件上传的过程中，不会因为网速慢、卡顿，出现上传失败后重新上传整个文件；上传时间更短，文件上传更快；断点续传上传视频出现网速慢或者网络抖动导致上传过程中断，已上传文件部分不需要重新上传，只需要上传未上传文件部分即可。

技术领域

本发明涉及视频云存储系统应用于浏览器上传视频文件领域，特别是涉及一种HTML5断点续传的方法。

背景技术

传统浏览器上传视频文件，选择文件创建视频唯一标识，将视频文件和视频唯一标识通过HTTP协议发送到服务器，整个上传过程浏览器持续的发送视频文件流到服务器，当整个视频文件和视频唯一标识全部发送到服务器，服务器返回上传完毕的信息之后，浏览器才会提示用户视频文件上传成功。现有的解决方案，浏览器和服务器持续发送文件流，当出现网络出现抖动，或者其他情况导致HTTP连接断开，上传失败，无法继续上传，当文件过大网络不稳的情况及其容易出现上传失败的情况。

发明内容

本发明所要解决的技术问题是提供一种HTML5断点续传的方法，其当网络出现抖动或者HTTP连接断开后，浏览器会从断开的位置继续上传视频文件；文件上传更快；断点续传在文件上传的过程中，不会因为网速慢、卡顿，出现上传失败后重新上传整个文件；上传时间更短，文件上传更快；断点续传上传视频出现网速慢或者网络抖动导致上传过程中断，已上传文件部分不需要重新上传，只需要上传未上传文件部分即可。

本发明是通过下述技术方案来解决上述技术问题的：一种HTML5断点续传的方法，其包括以下步骤：

步骤一，通过浏览器文件选择框选择上传文件；

步骤二，判断使用ajax请求上传服务器创建视频唯一标识是否成功，是则转步骤三，否则转步骤六；

步骤三，使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置；

步骤四，通过三步骤返回的视频位置，使用HTML5中File的新API方法，File.slice获取文件分块信息，将文件块信息和步骤三获取的视频唯一标识，创建ajax2对象，发送到上传服务器；

步骤五，判断文件是否全部上传完成，上传成功转步骤六，执行过程中发生错误则重复步骤三和步骤四；

步骤六，完成完整文件上传，结束任务。

优选地，所述步骤一包括以下步骤：

步骤十一，选择上传的视频文件；

步骤十二，获取文件名称；

步骤十三，获取文件大小信息。

优选地，所述步骤四包括以下步骤：

步骤四十一，解决浏览器兼容问题；

步骤四十二，循环上传ajax2对象。

本发明的积极进步效果在于：本发明当网络出现抖动或者HTTP连接断开后，浏览器会从断开的位置继续上传视频文件；文件上传更快；断点续传在文件上传的过程中，不会因为网速慢、卡顿，出现上传失败后重新上传整个文件；上传时间更短，文件上传更快；断点续传上传视频出现网速慢或者网络抖动导致上传过程中断，已上传文件部分不需要重新上传，只需要上传未上传文件部分即可。

附图说明

图1为本发明HTML5断点续传的方法的流程示意图。