用法很简单，效果却很棒，
先看看效果图
html页面代码：
<div class="upload" id="case" name="case" action="/userinfo/upload" data-num="2" data-type="jpg,doc,docx,pdf" data-size="20480" data-value=""></div> JS代码段：
//文件上传
$("#case").upload();是不是很简洁清爽，后台Java文件接收类就不贴了，都是一样的。
注意：为了简洁的接收上传文件的相关信息，后台凡是在涉及上传文件的实体类，都增加字段‘upload’。
1、HTML部分：
只需添加一行就行：<div class="upload" id="case" name="case" action="/userinfo/upload" data-num="2" data-type="jpg,pdf,docx" data-size="10240" data-value=""></div>
说明：
action：接收文件的url，如action="/userinfo/upload"
data-num：允许上传文件的数量，如data-num="2"
data-type：允许上传文件的格式，如data-type="jpg,pdf,docx"
data-size：单个文件的大小限制，单位Bytes，如data-size="10240"（1M）
data-value：没上上传成功后，接收到的信息（其实没啥用）
另外：通过浏览器的开发者模式，可以看见每次操作时的源码格式如下（删除了无关紧要的代码）：<div class="upload multiple" id="case" name="case" action="/userinfo/upload" data-num="2" data-type="jpg,pdf,docx" data-size="10240" data-value="D:\uploadfile\201811\img20181101161350637.docx"><br/><li class="item success"data-filename="HBRCzCikp-BePC1EFWq5TB"><br/><div class="filename">我国道路运输信息化建设现状与发展对策.pdf</div><br/></li><br/><li class="item success"data-filename="HBRCzCikp-BePC1EFWq5TB"><br/><div class="filename">2015-07-15_信息技术研发部项目补贴的申请.docx</div><br/></li><br/><input type="file" name="file" multiple="multiple"><br/><input type="hidden" name="upload" value="D:\uploadfile\201811\img20181101161345884.pdf,D:\uploadfile\201811\img20181101161350637.docx"><br/></div>
注意：name=‘upload’的表单，实际上传的形如：D:\uploadfile\201811\img20181101164635272.doc,D:\uploadfile\201811\img20181101164643973.pdf,我们的检测装置示意图及待检测的振动说明.doc,我国道路运输信息化建设现状与发展对策.pdf
2、JS部分：
只有一行：$("#case").upload();
为了同时把原文件名和服务器上保存该文件的全路径，需要在提交保单前，增加如下代码，以便通过name="upload"来传递文件原名称和保存路径（只针对文件，图片没有原文件名称）$(".filename").each(function(){<br/>$("[name=upload]").val($("[name=upload]").val()+','+$(this).html());<br/>});