1、前端
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <c:set var="ctx" value="${pageContext.request.contextPath}"/> <script type="text/javascript" src="${ctx}/EasyUI/jquery.min.js"></script> </head> <body> <%--多文件上传--%> <form id="batchUploadRiskFileForm" action="" method="post" enctype="multipart/form-data"> 选择文件：<input id="uploadFiles" type="file" multiple="multiple"> <span class="easyui-linkbutton" onclick="batchUpdateRiskRule()">提交</span> </form> </body> </html> <script> //批量上传 function batchUpdateRiskRule() { var formData = new FormData(); var fileInput = document.getElementById('uploadFiles'); var files = fileInput.files; // alert(files.length); for (var i = 0; i < files.length; i++) { if (files[i] != null) { formData.append("file", files[i]); } } $.ajax({ url: '${ctx}/resources/uploadFiles', type: "post", fileElementId: "file", // 上传文件的id、name属性名 dataType : 'json', // 接受数据格式 data: formData, mimeType: 'multipart/form-data', async: false, contentType: false, processData: false, // secureuri: true, //一般设置为false success: function (msg) {
alert(msg); }, error: function (msg) { alert("error:"+msg); } }); } </script>
2、后端
//文件上传处理 @RequestMapping(value = "/resources/uploadFiles", method = RequestMethod.POST)
public List<HashMap<String, String>> uploadBannerFiles(SiteResources siteResource, @RequestParam("file") MultipartFile[] files, HttpSession session) throws Exception {
//处理
}