springMVC Ajax非同步上傳檔案(報錯:Could not parse multipart servlet request)解決辦法
阿新 • • 發佈:2019-02-02
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;
}