基于HTML5大文件断点续传的实现方案

doi:10.3969/j.issn.1006-2475.2016.03.018

计算机与现代化

基于HTML5大文件断点续传的实现方案

(河海大学计算机与信息学院，江苏南京 211100)

收稿日期:2015-12-10 出版日期:2016-03-17 发布日期:2016-03-17
作者简介:王莉敏(1990-)，女，河南商丘人，河海大学计算机与信息学院硕士研究生，研究方向：分布式系统; 梁正和(1963-)，男，副教授，博士，研究方向：ERP，分布式系统; 段全锋(1990-)，男，硕士研究生，研究方向：分布式系统。

Broken-point Continuingly-transferring Scheme of Large Files Based on HTML5

(College of Computer and Information, Hohai University, Nanjing 211100, China)

Received:2015-12-10 Online:2016-03-17 Published:2016-03-17

摘要/Abstract

摘要： 在Web应用中，文件上传是一个常用的功能，而目前的文件上传方式在处理大文件上传方面不尽人意，常常因为文件过大或者网络中断导致上传失败，不得不重新上传。随着HTML5相关技术的发展，出现了一系列对文件操作的API，如FileList、Blob、File、FileReader等接口，使得Web端能够使用JavaScript对本地文件进行分片操作进而实现文件断点续传功能。本文在此基础上解决了服务器端文件合并过程中用户等待超时问题以及如何保证合并文件正确性的问题。

关键词: 大文件上传, HTML5, File API, 断点续传, 文件合并

Abstract: In Web applications, it is often needed to upload a file to the server. With current file upload methods, it is difficult to deal with large file uploading and user experience is also bad. Uploading big files often failed because of network interruption and the client had to reupload. With the development of HTML5 technology, a series of API about file operation emerged. This makes it possible to use JavaScript on the client side to slice local files and further achieve the function of file broken-point continuingly-transferring. On this basis, this paper solves timeout problem of merging files and correctness problem of the final file on the server side.

Key words: large file uploading, HTML5, file API, broken-point continuingly-transferring, files merging

中图分类号:

TP311.1

王莉敏，梁正和，段全锋 . 基于HTML5大文件断点续传的实现方案[J]. 计算机与现代化, doi: 10.3969/j.issn.1006-2475.2016.03.018.

WANG Li-min, LIANG Zheng-he, DUAN Quan-feng. Broken-point Continuingly-transferring Scheme of Large Files Based on HTML5[J]. Computer and Modernization, doi: 10.3969/j.issn.1006-2475.2016.03.018.

参考文献

[1] 孟欣. 基于FTP的文件高效上传方法的研究与实现[D]. 广州:华南理工大学, 2014.

[2] 郑营营. 基于HTTP/FTP协议的断点续传多线程下载组件[D]. 济南:济南大学, 2012.

[3] 廖乐林. 断点续传的原理探讨和编程应用[J]. 科技信息, 2007(23):54.

[4] RFC 1867, Form-based File Upload in HTML[S].

[5] W3C. File API[DB/OL]. http://www.w3.org/TR/FileAPI, 2015-04-21.

[6] 刘华星,杨庚. HTML5——下一代Web开发标准研究[J]. 计算机技术与发展, 2011,21(8):54-58.

[7] 刘耀钦. 利用HTML5拖放技术实现多文件异步上传[J]. 四川理工学院学报(自然科学版), 2015,28(1):17-20.

[8] 黎苑文,程明智,徐秀花,等. 断点续传及多线程机制在远程传版中的应用研究[J]. 北京印刷学院学报, 2012,20(6):53-56.

[9] Cheng Xiaojin. Research on file upload based on HTML5[C]// Proceedings of the 11th International Conference on Service Systems and Service Management (ICSSSM). 2014.

[10] Jemel M, Serhrouchni A. Security enhancement of HTML5 local data storage[C]// Proceedings of the 2014 International Conference and Workshop on the Network of the Future (NOF). 2014.

[11] 罗大晖,陈娟. 基于HTML5的Web离线应用研究与实现[J]. 计算机应用与软件, 2012,29(12):262-264.

[12] Yi Shi, Liu Quan, Li Jing Song. Design and realization of large file asynchronous upload and broken-point continuingly-transferring based on ASP.NET MVC[C]// Applied Mechanics and Materials. 2014,543-547:3165-3168.

[13] 陈增强,郭嘉琳,刘忠信,等. 具有断点续传功能的文件传输系统的设计与关键技术[J]. 计算机工程, 2002,28(12):14-16.

[14] 赵金东,于沛. Web应用中大文件传输问题的研究[J]. 烟台大学学报(自然科学与工程版), 2007,20(2):132-135.

[15] 林天华,马素霞,赵霞. 基于Web的大文件上传技术研究[J]. 科技导报, 2007,25(16):30-33.

[16] 曹渠江,陈真. Struts2框架整合Spring框架在文件上传下载中的应用[J]. 上海理工大学学报, 2009,31(2):69-172.

[17] 程晓锦,徐秀花. 基于RMI的文件上传与下载的实现[J]. 北京印刷学院学报, 2008,16(6):61-63.

基于HTML5大文件断点续传的实现方案

Broken-point Continuingly-transferring Scheme of Large Files Based on HTML5

可视化

被引次数

摘要/Abstract

引用本文

使用本文

参考文献

相关文章 7

编辑推荐

Metrics

本文评价

[1]	王子炫，魏力，张育平. 基于磁光虚拟存储系统的文件调度算法[J]. 计算机与现代化, 2019, 0(05): 7-.
[2]	徐畅,陆威,刘凯祥,陈鹏. 基于流媒体技术的教学视频服务平台设计[J]. 计算机与现代化, 2018, 0(12): 27-.
[3]	王楠，封雷. 基于浏览器的矢量数据可视化系统[J]. 计算机与现代化, 2018, 0(01): 44-50.
[4]	徐卉. 基于LayaFlash引擎实现的HTML5游戏开发[J]. 计算机与现代化, 2017, 0(7): 117-123.
[5]	蒋凌燕,查英华. 基于HTML5的响应式Web页面重组适配技术研究#br#[J]. 计算机与现代化, 2015, 0(2): 7-.
[6]	夏艳秋，袁汝华. 基于JFinal框架和HTML5技术的手机应用开发平台设计[J]. 计算机与现代化, 2014, 0(1): 201-205,210.
[7]	王海波;张润;王兆华. 支持HTML5结构分析的语义Web框架JenaPro[J]. 计算机与现代化, 2013, 1(6): 120-124.