CN109819339A - Html5断点续传的方法 - Google Patents
Html5断点续传的方法 Download PDFInfo
- Publication number
- CN109819339A CN109819339A CN201711154974.5A CN201711154974A CN109819339A CN 109819339 A CN109819339 A CN 109819339A CN 201711154974 A CN201711154974 A CN 201711154974A CN 109819339 A CN109819339 A CN 109819339A
- Authority
- CN
- China
- Prior art keywords
- file
- upload
- video
- html5
- breakpoint transmission
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种HTML5断点续传的方法,其包括以下步骤:步骤一,通过浏览器文件选择框选择上传文件;步骤二,判断使用ajax请求上传服务器创建视频唯一标识是否成功,是则转步骤三,否则转步骤六;步骤三,使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置等。本发明当网络出现抖动或者HTTP连接断开后,浏览器会从断开的位置继续上传视频文件;文件上传更快;断点续传在文件上传的过程中,不会因为网速慢、卡顿,出现上传失败后重新上传整个文件;上传时间更短,文件上传更快;断点续传上传视频出现网速慢或者网络抖动导致上传过程中断,已上传文件部分不需要重新上传,只需要上传未上传文件部分即可。
Description
技术领域
本发明涉及视频云存储系统应用于浏览器上传视频文件领域,特别是涉及一种HTML5断点续传的方法。
背景技术
传统浏览器上传视频文件,选择文件创建视频唯一标识,将视频文件和视频唯一标识通过HTTP协议发送到服务器,整个上传过程浏览器持续的发送视频文件流到服务器,当整个视频文件和视频唯一标识全部发送到服务器,服务器返回上传完毕的信息之后,浏览器才会提示用户视频文件上传成功。现有的解决方案,浏览器和服务器持续发送文件流,当出现网络出现抖动,或者其他情况导致HTTP连接断开,上传失败,无法继续上传,当文件过大网络不稳的情况及其容易出现上传失败的情况。
发明内容
本发明所要解决的技术问题是提供一种HTML5断点续传的方法,其当网络出现抖动或者HTTP连接断开后,浏览器会从断开的位置继续上传视频文件;文件上传更快;断点续传在文件上传的过程中,不会因为网速慢、卡顿,出现上传失败后重新上传整个文件;上传时间更短,文件上传更快;断点续传上传视频出现网速慢或者网络抖动导致上传过程中断,已上传文件部分不需要重新上传,只需要上传未上传文件部分即可。
本发明是通过下述技术方案来解决上述技术问题的:一种HTML5断点续传的方法,其包括以下步骤:
步骤一,通过浏览器文件选择框选择上传文件;
步骤二,判断使用ajax请求上传服务器创建视频唯一标识是否成功,是则转步骤三,否则转步骤六;
步骤三,使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置;
步骤四,通过三步骤返回的视频位置,使用HTML5中File的新API方法,File.slice获取文件分块信息,将文件块信息和步骤三获取的视频唯一标识,创建ajax2对象,发送到上传服务器;
步骤五,判断文件是否全部上传完成,上传成功转步骤六,执行过程中发生错误则重复步骤三和步骤四;
步骤六,完成完整文件上传,结束任务。
优选地,所述步骤一包括以下步骤:
步骤十一,选择上传的视频文件;
步骤十二,获取文件名称;
步骤十三,获取文件大小信息。
优选地,所述步骤四包括以下步骤:
步骤四十一,解决浏览器兼容问题;
步骤四十二,循环上传ajax2对象。
本发明的积极进步效果在于:本发明当网络出现抖动或者HTTP连接断开后,浏览器会从断开的位置继续上传视频文件;文件上传更快;断点续传在文件上传的过程中,不会因为网速慢、卡顿,出现上传失败后重新上传整个文件;上传时间更短,文件上传更快;断点续传上传视频出现网速慢或者网络抖动导致上传过程中断,已上传文件部分不需要重新上传,只需要上传未上传文件部分即可。
附图说明
图1为本发明HTML5断点续传的方法的流程示意图。
具体实施方式
下面结合附图给出本发明较佳实施例,以详细说明本发明的技术方案。
如图1所示,本发明HTML5(HyperText Markup Language,超文本标记语言)断点续传的方法,其包括以下步骤:
步骤一,通过浏览器文件选择框选择上传文件;
步骤二,判断使用ajax(创建交互式网页应用的网页开发技术)请求上传服务器创建视频唯一标识(vid)是否成功,是则转步骤三,否则转步骤六;
步骤三,使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置;
步骤四,通过三步骤返回的视频位置,使用HTML5中File(文件)的新API(Application Programming Interface,应用程序编程接口)方法,File.slice(c,c+上传文件块大小)获取文件分块信息,将文件块信息和步骤三获取的视频唯一标识,创建ajax2对象,发送到上传服务器;
步骤五,判断文件是否全部上传完成,上传成功转步骤六,执行过程中发生错误则重复步骤三和步骤四;
步骤六,完成完整文件上传,结束任务。
所述步骤一包括以下步骤:
步骤十一,选择上传的视频文件;
步骤十二,获取文件名称;
步骤十三,获取文件大小信息。
所述步骤四包括以下步骤:
步骤四十一,解决浏览器兼容问题;
步骤四十二,循环上传ajax2对象。
本发明在文件上传的过程中,不会因为网络出现异常情况而导致文件需要重新上传;而传统的上传方法在网络出现异常的情况下会导致文件从头开始上传;所以在网络容易出现异常情况html5断点续传的上传方法比传统上传方法需要的时间更短,文件上传也就更快。
以上所述的具体实施例,对本发明的解决的技术问题、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本发明的具体实施例而已,并不用于限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (3)
1.一种HTML5断点续传的方法,其特征在于,其包括以下步骤:
步骤一,通过浏览器文件选择框选择上传文件;
步骤二,判断使用ajax请求上传服务器创建视频唯一标识是否成功,是则转步骤三,否则转步骤六;
步骤三,使用ajax将步骤二返回的视频唯一标识发送到服务器获取视频上传位置;
步骤四,通过三步骤返回的视频位置,使用HTML5中File的新API方法,File.slice获取文件分块信息,将文件块信息和步骤三获取的视频唯一标识,创建ajax2对象,发送到上传服务器;
步骤五,判断文件是否全部上传完成,上传成功转步骤六,执行过程中发生错误则重复步骤三和步骤四;
步骤六,完成完整文件上传,结束任务。
2.如权利要求1所述的HTML5断点续传的方法,其特征在于,所述步骤一包括以下步骤:
步骤十一,选择上传的视频文件;
步骤十二,获取文件名称;
步骤十三,获取文件大小信息。
3.如权利要求1所述的HTML5断点续传的方法,其特征在于,所述步骤四包括以下步骤:
步骤四十一,解决浏览器兼容问题;
步骤四十二,循环上传ajax2对象。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711154974.5A CN109819339A (zh) | 2017-11-20 | 2017-11-20 | Html5断点续传的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711154974.5A CN109819339A (zh) | 2017-11-20 | 2017-11-20 | Html5断点续传的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109819339A true CN109819339A (zh) | 2019-05-28 |
Family
ID=66597919
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711154974.5A Pending CN109819339A (zh) | 2017-11-20 | 2017-11-20 | Html5断点续传的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109819339A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111355793A (zh) * | 2020-02-26 | 2020-06-30 | 山东爱城市网信息技术有限公司 | 一种基于HTML5和Python的大文件上传方法 |
CN112153132A (zh) * | 2020-09-18 | 2020-12-29 | 北京浪潮数据技术有限公司 | 基于虚拟化管理平台的文件上传方法、装置及设备 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101174954A (zh) * | 2006-10-31 | 2008-05-07 | 上海高勤通信科技有限公司 | 一种基于互联网超文本传输协议的文件断点上传方法 |
CN101179393A (zh) * | 2006-12-14 | 2008-05-14 | 腾讯科技(深圳)有限公司 | 一种实现文件断点续传的方法及系统 |
CN102055784A (zh) * | 2009-11-06 | 2011-05-11 | 北大方正集团有限公司 | 富客户端的文件断点续传方法及系统 |
CN103731499A (zh) * | 2013-12-31 | 2014-04-16 | 兴天通讯技术(天津)有限公司 | 终端和文件传输方法 |
CN105227610A (zh) * | 2014-06-30 | 2016-01-06 | 北京金山安全软件有限公司 | 一种文件上传、保存方法及装置 |
CN105338090A (zh) * | 2015-11-12 | 2016-02-17 | 浪潮软件集团有限公司 | 一种基于WebSocket的断点续传方法及装置 |
CN105472035A (zh) * | 2016-01-04 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | 一种文件传输方法及装置 |
CN106375483A (zh) * | 2016-11-09 | 2017-02-01 | 腾讯科技(深圳)有限公司 | 文件传输方法和装置 |
CN106817391A (zh) * | 2015-12-01 | 2017-06-09 | 百度在线网络技术(北京)有限公司 | 文件断点续传方法和装置 |
US20170302726A1 (en) * | 2007-12-07 | 2017-10-19 | Dan Atsmon | Multimedia file upload |
-
2017
- 2017-11-20 CN CN201711154974.5A patent/CN109819339A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101174954A (zh) * | 2006-10-31 | 2008-05-07 | 上海高勤通信科技有限公司 | 一种基于互联网超文本传输协议的文件断点上传方法 |
CN101179393A (zh) * | 2006-12-14 | 2008-05-14 | 腾讯科技(深圳)有限公司 | 一种实现文件断点续传的方法及系统 |
US20170302726A1 (en) * | 2007-12-07 | 2017-10-19 | Dan Atsmon | Multimedia file upload |
CN102055784A (zh) * | 2009-11-06 | 2011-05-11 | 北大方正集团有限公司 | 富客户端的文件断点续传方法及系统 |
CN103731499A (zh) * | 2013-12-31 | 2014-04-16 | 兴天通讯技术(天津)有限公司 | 终端和文件传输方法 |
CN105227610A (zh) * | 2014-06-30 | 2016-01-06 | 北京金山安全软件有限公司 | 一种文件上传、保存方法及装置 |
CN105338090A (zh) * | 2015-11-12 | 2016-02-17 | 浪潮软件集团有限公司 | 一种基于WebSocket的断点续传方法及装置 |
CN106817391A (zh) * | 2015-12-01 | 2017-06-09 | 百度在线网络技术(北京)有限公司 | 文件断点续传方法和装置 |
CN105472035A (zh) * | 2016-01-04 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | 一种文件传输方法及装置 |
CN106375483A (zh) * | 2016-11-09 | 2017-02-01 | 腾讯科技(深圳)有限公司 | 文件传输方法和装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111355793A (zh) * | 2020-02-26 | 2020-06-30 | 山东爱城市网信息技术有限公司 | 一种基于HTML5和Python的大文件上传方法 |
CN112153132A (zh) * | 2020-09-18 | 2020-12-29 | 北京浪潮数据技术有限公司 | 基于虚拟化管理平台的文件上传方法、装置及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10248867B2 (en) | Systems and methods for providing playback of selected video segments | |
CN107277612A (zh) | 用于在web浏览器上播放媒体流的方法和设备 | |
EP3179701A1 (en) | File upload and download methods and associated server | |
CN103516577A (zh) | 即时通信系统中的消息传输方法和设备 | |
CN104378586A (zh) | 基于桌面虚拟化的图像设备重定向的方法及系统 | |
CN105812406B (zh) | 基于web仿真终端系统的信息传输方法及装置 | |
CN105163086B (zh) | 一种基于行车记录仪的路景分享方法及系统 | |
CN109819339A (zh) | Html5断点续传的方法 | |
WO2016206283A1 (zh) | 一种视频流量引导方法、装置及一种电子设备 | |
US20140297717A1 (en) | Server side video screen capture | |
Zabrovskiy et al. | Advise: Adaptive video streaming evaluation framework for the automated testing of media players | |
CN103401946A (zh) | Http上传加速方法和系统 | |
CN103177015A (zh) | 网页图像展示方法和系统 | |
CN103986778A (zh) | 一种多媒体电子相框实现移动互联网分享的方法 | |
CN103796073A (zh) | 一种图片浏览的方法、控制端、显示端及系统 | |
CN104378428A (zh) | 一种用于文件下载的方法和装置 | |
CN102802041B (zh) | 支持多个实时动态数据源的智能流媒体服务器的实现方法 | |
CN105227514A (zh) | 基于浏览器的文件传输处理方法和浏览器 | |
CN104954398A (zh) | 一种获取内容的方法及装置 | |
CN103024072A (zh) | 一种提高云存储访问速度的方法 | |
WO2018019167A1 (zh) | 基于机顶盒的直播共享方法及系统 | |
CN111818010A (zh) | 一种数据传输方法、装置、电子设备及存储介质 | |
CN105592319B (zh) | 一种服务器截图方法及服务器 | |
CN111212043A (zh) | 一种多媒体文件的生成方法和装置 | |
CN110765084A (zh) | 一种图片上传方法、系统及电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190528 |
|
RJ01 | Rejection of invention patent application after publication |