Alan.LargeFileUpload

JavaScript 分块异步上传超大(任意大小)文件, 支持断点续传功能.

新增暂停上传功能 SeperateFile-2.0.js.

利用JavaScript(主要是FileReader对象)实现大文件异步上传, 支持断点续传. 项目后台代码使用C#完成, 其他语言也可以, 主要代码量在JavaScript( SeperateFile.js )里面.

项目简单描述

SeperateFile.js 实现分割文件, 并放到队列(queues)里.

队列里的每一小块文件都有状态标识(unsend, sending, sent), 这个状态有两个作用,

1 使数据发送时按照顺序上传的, 这样可以减轻服务器端逻辑代码. 
2 用于实现断点续传.

后台代码(FileUpload.ashx)的逻辑很简单, 主要步骤:

1 接收Ajax发送过来的base64字符串, 然后将base64转换成字节数组.
2 根据客户端传来的文件名标识(fileName), 往文件里追加数据(如果是第一次请求, 文件不存在, 需要先创建一个同名的空文件).
3 没了

后台代码极其简单, 其他语言PHP/Java很容易就实现.

项目的Screentshot文件夹有几张运行截图.

文件上传 演示

演示1 开始上传

演示2 上传到 52%

演示3 上传完成

文件断点续传 演示

演示1

演示2 中途停止站点 上传失败 显示"断点续传"按钮

演示3 断点续传成功 继续上传

演示4 上传完成