1.applicaitonContext.xml的配置。配置CommonsMultipartResolver
<!-- 配置spring自带上传工具,处理器配置 -->
<bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver">
<property name="maxUploadSize" value="38000000" /><!-- 上传最大文件限制 -->
<property name="maxInMemorySize" value="4096" /><!-- 读取文件到内存中的最大字节数,默认1024字节 -->
<property name="defaultEncoding" value="utf-8" />
</bean>
2.前端页面部分
A.HTML部分(省略引入的资源文件部分)
<form action="test/fileupload" method="post"
enctype="multipart/form-data" id="uploadForm">
<table>
<tr>
<td><input type="file" name="files" id="files"></td>
</tr>
<tr>
<td><input type="button" name="submit" id="submit"></td>
</tr>
</table>
</form>
B.JS部分(中最终要的部分)
var file = $("#files")[0].files[0];
var formData = new FormData();
formData.append('file', file);
$.ajax({
url : 'test/fileupload',
type : 'POST',
dataType : 'json',
data : formData,
cache : false,
contentType : false,(必须这样配置)
processData : false, //JQuery不处理发送数据
// contentType : 'multipart/form-data',(如果这样,会导致contentType没有边界boundary,导致文件解析失败,后台报错Could not parse multipart servlet request;)
success : function(data) {
alert("成功!");
}
});
3.后台java部分
public Map<String, Object> fileUpload(HttpServletRequest request, String savePath) {
Map<String, Object> resultMap = new HashMap<>();
try {
// 创建通用解析器
CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
request.getSession().getServletContext());
// 判断是否有文件上传
if (multipartResolver.isMultipart(request)) {
// 将request转换成多部分的的requset
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
// 获取所有文件的文件名称
Iterator<String> it = multiRequest.getFileNames();
// 开始循环迭代器获取上传的文件
while (it.hasNext()) {
MultipartFile file = multiRequest.getFile(it.next());
// 获取新的文件名字
Random random = new Random();
SimpleDateFormat sd = new SimpleDateFormat("yyyyMMddHHmmss");
String newName = sd.format(new Date()) + random.nextInt(1000);
File newFile = new File(savePath + File.separator + newName);
if (!newFile.exists()) {
newFile.mkdirs();
}
// 文件上传
file.transferTo(newFile);
resultMap.put("errorCode", "0");
resultMap.put("errorMeg", "上传成功!");
resultMap.put("fileName", newName);
resultMap.put("newFilePath", newFile.getPath());
}
}
}
} catch (IllegalStateException | IOException e) {
resultMap.put("errorCode", "1");
resultMap.put("errorMeg", "上传文件上时,服务器出现异常,请稍后再试!");
resultMap.put("fileName", null);
e.printStackTrace();
}
return resultMap;
}
<!-- 配置spring自带上传工具,处理器配置 -->
<bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver">
<property name="maxUploadSize" value="38000000" /><!-- 上传最大文件限制 -->
<property name="maxInMemorySize" value="4096" /><!-- 读取文件到内存中的最大字节数,默认1024字节 -->
<property name="defaultEncoding" value="utf-8" />
</bean>
2.前端页面部分
A.HTML部分(省略引入的资源文件部分)
<form action="test/fileupload" method="post"
enctype="multipart/form-data" id="uploadForm">
<table>
<tr>
<td><input type="file" name="files" id="files"></td>
</tr>
<tr>
<td><input type="button" name="submit" id="submit"></td>
</tr>
</table>
</form>
B.JS部分(中最终要的部分)
var file = $("#files")[0].files[0];
var formData = new FormData();
formData.append('file', file);
$.ajax({
url : 'test/fileupload',
type : 'POST',
dataType : 'json',
data : formData,
cache : false,
contentType : false,(必须这样配置)
processData : false, //JQuery不处理发送数据
// contentType : 'multipart/form-data',(如果这样,会导致contentType没有边界boundary,导致文件解析失败,后台报错Could not parse multipart servlet request;)
success : function(data) {
alert("成功!");
}
});
3.后台java部分
public Map<String, Object> fileUpload(HttpServletRequest request, String savePath) {
Map<String, Object> resultMap = new HashMap<>();
try {
// 创建通用解析器
CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
request.getSession().getServletContext());
// 判断是否有文件上传
if (multipartResolver.isMultipart(request)) {
// 将request转换成多部分的的requset
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
// 获取所有文件的文件名称
Iterator<String> it = multiRequest.getFileNames();
// 开始循环迭代器获取上传的文件
while (it.hasNext()) {
MultipartFile file = multiRequest.getFile(it.next());
// 获取新的文件名字
Random random = new Random();
SimpleDateFormat sd = new SimpleDateFormat("yyyyMMddHHmmss");
String newName = sd.format(new Date()) + random.nextInt(1000);
File newFile = new File(savePath + File.separator + newName);
if (!newFile.exists()) {
newFile.mkdirs();
}
// 文件上传
file.transferTo(newFile);
resultMap.put("errorCode", "0");
resultMap.put("errorMeg", "上传成功!");
resultMap.put("fileName", newName);
resultMap.put("newFilePath", newFile.getPath());
}
}
}
} catch (IllegalStateException | IOException e) {
resultMap.put("errorCode", "1");
resultMap.put("errorMeg", "上传文件上时,服务器出现异常,请稍后再试!");
resultMap.put("fileName", null);
e.printStackTrace();
}
return resultMap;
}