fileupload实现多文件批量上传

原文地址为: fileupload实现多文件批量上传

前提条件:
需要如下架包:下面是maven的配置信息
<!--文件上传依赖架包-->
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.5</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
1,前端界面:
  <form id="batchUploadRiskFileForm" action="" method="post"
  enctype="multipart/form-data">
  <label for="content">规则文件:</label>
  <input type="file" name="updateFiles" multiple="">
  </form>
2.js文件:这里发送的是AJAX请求
/**
 * 批量修改函数
 */
function batchUpdateRiskRule(){

var formData = new FormData($("#batchUpdateRiskRuleForm")[0]);
$.ajax({
url : '../riskRule/batchUpdateRiskRule.htm',
type : 'POST',
dataType : 'json', // 接受数据格式
data : formData,
async : false,
cache : false,
contentType : false,
processData : false,
success : function(data) {
if (data.status >= 0) {
window.location.href = window.location.href;
} else {
alert(data.message);
}
},
error : function(data) {
alert(data);
}
});
3.后台接收:
@ResponseBody
@RequestMapping("/batchUpdateRiskRule")
public String batchUpdateRiskRule(@RequestParam("updateFiles") MultipartFile[] updateFiles, HttpServletRequest request)
throws IOException
{
其中updateFiles是上传的文件组内容
具体结果如下:
}

转载请注明本文地址: fileupload实现多文件批量上传

猜你喜欢

转载自blog.csdn.net/kkwant/article/details/80867501