[測試]Sprint Boot

jafeney發表於2021-10-05
boot

昨天，我們介紹瞭如何在Spring Boot中實現檔案的上傳。有讀者問：那麼如果有多個檔案要同時上傳呢？這就馬上奉上，當碰到多個檔案要同時上傳的處理方法。

動手試試

本文的動手環節將基於Spring Boot中實現檔案的上傳一文的例子之上，所以讀者可以拿上一篇的例子作為基礎來進行改造，以體會這之間的區別，下面也主要講解核心區別的地方。

第一步：修改檔案上傳頁面的上傳表單

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" />
    <title>檔案上傳頁面 - didispace.com</title>
</head>
<body>
<h1>檔案上傳頁面</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>

可以看到這裡多增加一個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();
}

幾個重要改動：

  1. MultipartFile使用陣列，引數名稱files對應html頁面中input的name，一定要對應。
  2. 後續處理檔案的主體（for迴圈內）跟之前的一樣，就是對MultipartFile陣列通過迴圈遍歷的方式對每個檔案進行儲存，然後拼接結果返回資訊。

更多本系列免費教程連載「點選進入彙總目錄」

測試驗證

第一步：啟動Spring Boot應用，訪問http://localhost:8080，可以看到如下的檔案上傳頁面。

第二步：選擇2個不大於2MB的檔案，點選“提交”按鈕，完成上傳。

如果上傳成功，將顯示類似下面的頁面：

你可以根據列印的檔案路徑去檢視檔案是否真的上傳了。

程式碼示例

本文的相關例子可以檢視下面倉庫中的chapter4-4目錄：

如果您覺得本文不錯，歡迎Star支援，您的關注是我堅持的動力！

相關文章