chunkupload文件上传断点续传组件(java)
chunkupload简介
chunkupload是一款基于java语言的断点续传组件，针对文件上传，非文件下载，集成方便，使用简单。
从整体上讲，chunkupload会对文件进行切片处理，每个切片4M大小，默认情况下，chunkupload不会对切片进行合并，笔者也不建议在上传文件时对切片进行合并，虽然chunkupload支持这项操作。
对于客户端(浏览器)而言，chunkupload组件会在客户端计算文件MD5，为了尽可能提高计算效率，chunkupload在客户端脚本中使用了web worker，因此，客户端兼容性会受到较为严重的影响。
对于服务端而言，通过文件MD5+文件大小，唯一确定一个文件，并且基于文件MD5前6位，每两位作为一级目录，自动生成分散的目录结构，假如文件MD5为[071287fffa974b878732a7a17858be36]，那么生成的目录结构如下：[自定义的rootpath] + [/07/12/87/] +[文件MD5+文件长度]。文件目录下的文件结构如下图：
其中，文件信息中包含：文件状态(是否上传完成)、文件MD5、文件大小、切片数量、每一个切片的序号+MD5信息。
目前chunkupload通过servlet实现与浏览器的交互，完成了基于浏览器的断点续传，实际上，使用者完全可以调用chunkupload核心类库自行操作文件，比如切片合并操作。
总的来说，chunkupload具有如下特性：
· 实现断点续传。
· 对于同一个文件，允许多用户上传，并且上传的用户越多，上传越快。
· 线程安全。
· 进程安全(同一物理机，非集群环境)。
由于chunkupload目前还处于测试阶段，过多的技术细节，笔者说多了也是白费，为了不做井底之蛙，公布chunkupload有如下几个期望：
· 确定当前的模式是否符合大众需求。
· 确定是否有可能用于生产环境。
· 确定是否存在潜在的不可行因素。
· 积极改进chunkupload。
总之，希望大家能给我一些建议，笔者水平有限，希望chunkupload最终能成为一个优秀的开源项目。
感受一下chunkupload使用方法
服务端
引用chunkupload.jar包，chunkupload.jar无任何第三方依赖。
在项目web.xml中配置chunkupload servlet。
<servlet>
<servlet-name>ChunkUpload</servlet-name>
<servlet-class>com.iyangyuan.chunkupload.servlet.DispatcherServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ChunkUpload</servlet-name>
<url-pattern>/chunkupload/*</url-pattern>
</servlet-mapping>
客户端(浏览器)
引用dawn.js，用于计算文件MD5，dawn.js算是chunkupload的一个附属项目。
引用chunkupload.js，用于与服务端进行交互，chunkupload.js核心思想是只关注交互，不关注具体UI展现，因为各个产品UI不尽相同，chunkupload.js不对UI做过多限制、干扰。
无任何第三方依赖。
<html>
<head>
<title>ChunkUpload 文件上传示例</title>
<meta charset="utf-8">
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<style>
body{
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body > div {
width: 200px;
margin: 20px auto 0 auto;
}
body > div.form {
text-align: center;
}
body > div.form > input {
margin-top: 12px;
border: 1px dashed #dcdcdc;
padding: 4px 8px;
cursor: pointer;
background-color: transparent;
color: #686868;
font-family: inherit;
outline: none;
}
body > div.form > input.button {
font-size: 15px;
line-height: 29px;
padding: 0 10px;
}
body > div.form > input:hover {
background-color: #f5f5f5;
}
div.info > div{
margin: auto;
height: 31px;
width: 88px;
background: url('data:image/gif;base64,R0lGODlhWAAfAMMBAAAAAP////XcoPDLdfTboP+dzv+z2f+AwP9brfPZoAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFFAAKACwAAAAAWAAfAAAE/xDISau9OOvNd/hgKI5kaZ5oWkqB4L5wLM90bd+4PLB57//A2g7QChqPyNiwmGw6c8undKrj/STULC3qAxQAMKw0IUiYyy6yWf3j5rwGsMsrd5JfdzQelre5bxIFcROCdUBneWx6aHd9UFY1hAaTAJQTRo6LfYl8i0KQMoGCk6Slg0FsnGmdq3uZSpBiAnCmtaWGqK4yiq2eVURzwbS2pBK3hzabezOvLlxyYMPEg5aXWk1uWNLTxaOU10lR2oHckwcHlIWn4Ed/c97ECOfocJWy7EDus/C28udx8HAlaZYP1ItttRAgKEYBGS9NelL10LevnC2BR1RhM3iwAD9uGE5/NBvpg+IcLx5BhvTxiiDBGSYPivJI0xo+JzHfZfjyxNHDGC9/MaFhb0bRmzg5hoqE9EnOpk2XDJhKtarVq1izat3KtSvWDmDDih0LNgIAIfkEBRQACgAsAwAGADEAFgAABJ9QyEmrBMDqzbsFRTZh3pacZQUaogC2qZRQc4oVLLbCaS2XOpyBNdTxYjPf5iYcOp+kmCfqaj6vUClHlFlhr5is9nOpfsGAonGs6lrPUOvR1r3BnYdDEZemskdvWAh5ejs5fyqBV4N5LHKIiXcGCAhORnMmAkoUXpJgkEsFimeYPVsgond+oEtMoq86rJpTIZdBpbIjLBp9spu8W7nCshEAIfkEBRQACgAsAwAFADoAFgAABLdQyEmrAMDqzWXySdhZQJFN2KhS30oWxnmZrtp++IrB2B7XNmAPZogVezKgJidobXbEonSaUjaZE2erOpt6vz+gk5VFSTIlsBdDFTffnRM6qo4Bjkirbl4Hp6VJHTdxaD59BgcHRzx2ei5/dQiJiml3XI5xdGCSiTF0gZhPml8ICIB5oSqQh22pjwWjdaAuOWNjJCWwfZeuWoS5sME9rh4VtxolSMo0vXqWyGHESyOzZ9LHx9LaAhEAIfkEBRQACgAsAgAFAEQAFgAABMtQyEmrvTjrmmT63VYBgGieVIhSQFFO5CpPYWefrfEK7T5fto+g9iMVdKSc75dqOlWZ5NGgoyaXK6HqNvR4vxbjlEoux2ZQcHrL2uXK8DhWdGODo5LSO24GmJlqXSIvemN8Vn5ISVkaaRgxe4dwkXOAGpBGkmQHB1ZHfmeWRYZ8CJydSkiiTJGlpzqGlauDpHEICGRXsrMbrZq5THVPXcJhBbWSu2g0MmLIucona4BSx9YuoaKOzBbbMNi6RtHaRToXoLyO3nfneLw/EQAh+QQFFAAKACwCAAUASwAXAAAE3lDISau9OOtdE/9gKI4aAJDo5qUSUJyTyVJeYgtrfeesa8ACF5C1khSLuEkNZSr8TL4haKdMWpM8o/YDdRp+X6iUg9xer2VR0/ttu2Wh5bFKP5eAPrd+P55W00t2FjAneXtvAG9xGkhzHIRBbIdhiU9QM5gxhZKTb5J9mSAyXZ1tBwdhTolwoZiGkwinqFFPrZmvh7GnP5+haTSinHsICG1ioBdywFo8WRu4pcaZjslqBcKdyGQYv2ZcLtelrCS/3YKia9fql7btgy/HXdofZYHVTD8Xq+78FMjz/TBEAAA7') no-repeat center center;
padding: 2px;
box-sizing: border-box;
}
div.info > div > p{
text-align: right;
font-size: 12px;
margin: 0;
}
</style>
</head>
<body>
<!-- 表单部分 -->
<div class="form">
<input id="bigFile" type="file" placeholder="选择一个文件" />
<input id="execBtn" class="button" type="button" value="上传" />
</div>
<!-- 上传进度展示 -->
<div class="info">
<div>
<!-- 提示文本 -->
<p id="text"></p>
<!-- 执行进度 -->
<p id="progress"></p>
</div>
</div>
</body>
<script src="/static/lib/dawn/dawn.js"></script>
<script src="/static/lib/chunkupload/chunkupload.js"></script>
<script>
var fileInput = document.getElementById("bigFile"),
execBtn = document.getElementById("execBtn"),
text = document.getElementById("text"),
progress = document.getElementById("progress"); execBtn.addEventListener("click", function(e) {
var file, cu;
file = fileInput.files[0];
cu = new ChunkUpload(file);
cu.upload({
"success": function(block){
/**
* 上传成功后，会返回一个block对象
* 通过block对象，可以在一定程度上管理文件，目前支持：
* 获取文件信息(参见info_example.html)
* 删除文件(参见delete_example.html)
*/
text.innerText = "上传完成";
},
"error": function(e){
text.innerText = e;
progress.innerText = "";
},
"md5Progress": function(n){
text.innerText = "计算MD5";
progress.innerText = n + "%";
},
"uploadProgress": function(n){
text.innerText = "正在上传";
progress.innerText = n + "%";
}
});
});
</script>
</html>
通过以下四个回调，与UI进行交互，完成文件上传。
·success上传成功回调
·error 异常回调
·md5Progress MD5计算进度回调
·uploadProgress 上传进度回调
目前项目基本完成，注释详尽，发布指日可待~
chunkupload文件上传断点续传组件(java)的更多相关文章
- chunkupload 文件上传断点续传组件(java) - 正式发布
chunkupload简介 chunkupload是一款基于java语言的断点续传组件,针对文件上传,非文件下载,集成方便,使用简单. chunkupload实现如下功能: · 实现断点续传 · ...
- Asp.net mvc 大文件上传 断点续传
Asp.net mvc 大文件上传 断点续传 进度条 概述 项目中需要一个上传200M-500M的文件大小的功能,需要断点续传.上传性能稳定.突破asp.net上传限制.一开始看到51CTO上的这 ...
- 文件上传plupload组件使用
这段时间一直在使用文件上传,简要的介绍一下文件上传的组件使用,先上一段代码. var uploader = new plupload.Uploader( { //用来指定上传方式,指定多个上传方式请使 ...
- java文件上传下载组件
需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验: 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包 ...
- java基础篇---文件上传(smartupload组件)
文件上传几乎是所有网站都具有的功能,用户可以将文件上传到服务器的指定文件夹中,也可以保存在数据库中,本篇主要说明smartupload组件上传. 在讲解smartupload上传前,我们先来看看不使用 ...
- java 大文件上传 断点续传 完整版实例 （Socket、IO流）
ava两台服务器之间,大文件上传(续传),采用了Socket通信机制以及JavaIO流两个技术点,具体思路如下: 实现思路: 1.服:利用ServerSocket搭建服务器,开启相应端口,进行长连接操 ...
- JAVA大文件上传断点续传解决方案
javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id=" ...
- H5+JAVA的文件上传,断点续传
这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得 ...
- js文件上传下载组件
在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 先说下要求: PC端全平台支持,要求支持Windows,Mac,Linux 支持所 ...
随机推荐
- BPM合同管理解决方案分享
一.方案概述合同是组织与组织间所订协议的法律 表现形式,体现着双方对于合作在法律和道德上的承诺.然而,大多数企业的合同管理都或多或少存在合同审批过程不规范.签订草率.审批权责不清.合同执行跟踪难.合同 ...
- Maven常用命令
开发中常用的命令: 1. mvn compile 编译源代码2. mvn test-compile 编译测试代码3. mvn test 运行测试4. mvn package 打包,根据pom.xml打 ...
- 一个简单的网站web项目的详解
有不对的术语,或者不好理解的部分,欢迎大家批评指正,谢谢大家! 近期做的网站web项目,实现登录功能,查询功能.首先把这个项目分为几个模块来处理,当前用户模块,历史用户模块,历史记录模块,数据库模块, ...
- 当 IDENTITY_INSERT 设置为 OFF 时，不能为表 'T_Shell' 中的标识列插入显式值。
--允许将显示值插入表的标识列中-ON:允许 OFF:不允许set identity_insert T_shell ONset identity_insert T_Shell OFF
- oracle 误删数据恢复
1.根据时间点查系统版本号scn: select timestamp_to_scn(to_timestamp('2013-01-07 11:20:00','YYYY-MM-DD HH:MI:SS')) ...
- JS案例之3——倒计时
利用简单的数字累加循环模拟倒计时的效果,逻辑比较简单.如果大牛们有更好的办法欢迎补充. 这种效果经常用于在规定的时间做某件事.比如在1分钟之后重新发送验证码等. 案例演示: 源代码如下: <!D ...
- DoraCMS 源码知识点备注
项目需要研究了下DoraCMS这款开源CMS,真心做的不错:).用的框架是常用的express 4 + mongoose,代码也很规范,值得学习. 源码中一些涉及到的小知识点备注下: https:// ...
- 高级SQL运用
一:什么是数据库设计? 数据库设计就是将数据库中的数据实体以及这些数据实体之间的关系,进行规范和结构化的过程. 二:为什么要实施数据库设计? 1:良好的数据库设计可以有效的解决数据冗余的问题 2:效率 ...
- C#中，双屏/两屏/三屏/多屏跳转判断
之前伤脑筋写过一次在Web中,JS,ActiveXObject去读取显示器数量.分辨率去判断单双屏跳转. 那么在客户端中,用C#去读取硬件信息,更方便更容易! 思路参考代码: ) { //此显示器是否 ...
- EntityFramework linq 多条件查询，不定条件查询
一.场景描述: 开发的时候,有些查询功能,往往查询的条件是不确定的,用户没有填的不参与到查询中去. 如图1所示,用户可能只要给根据名称来查询即可,有时候开始时间和结束时间并不需要填写. 图 1 二.解 ...