web+上传大文件断点续传
要求操作便利,一次选择多个文件和文件夹进行上传;
支持PC端全平台操作系统,Windows,Linux,Mac
支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验;
交互友好,能够及时反馈上传的进度;
从上传的效率来看,利用多线程并发上传能够达到最大效率。
href="${pageContext.request.contextPath}/css/webuploader.css">
<script type="text/javascript"
request.contextPath }/js/webuploader.js"></script>
<!-- 显示文件列表信息 -->
<div id="filePicker">点击选择文件</div>
<script type="text/javascript">
{
//后台提交地址
pick:"#filePicker",
}
//2.选择文件后,文件信息队列展示
uploader.on("fileQueued",function(file){
$("#fileList").append("<div id='"+file.id+"' class='fileInfo'><span>"+file.name+"</span><div class='state'>等待上传...</div><span class='text'></span></div>");
//percentage: 当前进度的比例。最大为1.例如:0.2
//更新状态信息
上传中...");
});
//file:上传完毕的文件
//更新状态信息
上传完毕");
DiskFileItemFactory factory = new DiskFileItemFactory();
try {
}else{
System.out.println("接收的文件名称:"+item.getName());
System.out.println("文件保存成功");
} catch (FileUploadException e) {
效果:
详细配置信息可以参考我写的这篇文章:http://blog.ncmem.com/wordpress/2019/08/12/web%e4%b8%8a%e4%bc%a0%e5%a4%a7%e6%96%87%e4%bb%b6%e6%96%ad%e7%82%b9%e7%bb%ad%e4%bc%a0/