昨天，我們介紹了如何在Spring Boot中實作檔案的上傳。有讀者問：那麼如果有多個檔案要同時上傳呢？這就馬上奉上，當碰到多個檔案要同時上傳的處理方法。
動手試試
本文的動手環節将基于Spring Boot中實作檔案的上傳一文的例子之上，是以讀者可以拿上一篇的例子作為基礎來進行改造，以體會這之間的差別，下面也主要講解核心差別的地方。
第一步：修改檔案上傳頁面的上傳表單
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title>檔案上傳頁面 - didispace.com</title>
</head>
<body>
檔案上傳頁面
<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>
可以看到這裡多增加一個input檔案輸入框，同時檔案輸入框的名稱修改為了files，因為是多個檔案，是以用了複數。注意：這幾個輸入框的name是一樣的，這樣才能在後端處理檔案的時候組織到一個數組中。
第二步：修改後端處理接口
@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();
}
幾個重要改動：
-
MultipartFile
- 後續處理檔案的主體（for循環内）跟之前的一樣，就是對
MultipartFile
更多本系列免費教程連載「點選進入彙總目錄」
測試驗證
第一步：啟動Spring Boot應用，通路
http://localhost:8080
，可以看到如下的檔案上傳頁面。
第二步：選擇2個不大于2MB的檔案，點選“送出”按鈕，完成上傳。
如果上傳成功，将顯示類似下面的頁面：
你可以根據列印的檔案路徑去檢視檔案是否真的上傳了。
代碼示例
- Github：https://github.com/dyc87112/SpringBoot-Learning/
- Gitee：https://gitee.com/didispace/SpringBoot-Learning/