本文的動(dòng)手環(huán)節(jié)將基于Spring Boot中實(shí)現(xiàn)文件的上傳一文的例子之上,所以讀者可以拿上一篇的例子作為基礎(chǔ)來(lái)進(jìn)行改造,以體會(huì)這之間的區(qū)別,下面也主要講解核心區(qū)別的地方。
第一步:修改文件上傳頁(yè)面的上傳表單
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title>文件上傳頁(yè)面 - didispace.com</title>
</head>
<body>
<h1>文件上傳頁(yè)面</h1>
<form method="post" action="/upload" enctype="multipart/form-data">
文件1:<input type="file" name="files"><br>
文件2:<input type="file" name="files"><br>
<hr>
<input type="submit" value="提交">
</form>
</body>
</html>
可以看到這里多增加一個(gè)input文件輸入框,同時(shí)文件輸入框的名稱(chēng)修改為了files,因?yàn)槭嵌鄠€(gè)文件,所以用了復(fù)數(shù)。注意:這幾個(gè)輸入框的name是一樣的,這樣才能在后端處理文件的時(shí)候組織到一個(gè)數(shù)組中。
第二步:修改后端處理接口
@PostMapping("/upload")
@ResponseBody
public String create(@RequestPart MultipartFile[] files) throws IOException {
StringBuffer message = new StringBuffer();
for (MultipartFile file : files) {
String fileName = file.getOriginalFilename();
String filePath = path + fileName;
File dest = new File(filePath);
Files.copy(file.getInputStream(), dest.toPath());
message.append("Upload file success : " + dest.getAbsolutePath()).append("<br>");
}
return message.toString();
}
幾個(gè)重要改動(dòng):
MultipartFile
使用數(shù)組,參數(shù)名稱(chēng)files對(duì)應(yīng)html頁(yè)面中input的name,一定要對(duì)應(yīng)。- 后續(xù)處理文件的主體(for循環(huán)內(nèi))跟之前的一樣,就是對(duì)
MultipartFile
數(shù)組通過(guò)循環(huán)遍歷的方式對(duì)每個(gè)文件進(jìn)行存儲(chǔ),然后拼接結(jié)果返回信息。
更多本系列免費(fèi)教程連載「點(diǎn)擊進(jìn)入?yún)R總目錄」
#測(cè)試驗(yàn)證
第一步:?jiǎn)?dòng)Spring Boot應(yīng)用,訪(fǎng)問(wèn)http://localhost:8080
,可以看到如下的文件上傳頁(yè)面。
第二步:選擇2個(gè)不大于2MB的文件,點(diǎn)擊“提交”按鈕,完成上傳。
如果上傳成功,將顯示類(lèi)似下面的頁(yè)面:
你可以根據(jù)打印的文件路徑去查看文件是否真的上傳了。
#代碼示例
本文的相關(guān)例子可以查看下面?zhèn)}庫(kù)中的chapter4-4
目錄: