天天看點

Spring Boot 2.x基礎教程:多個檔案的上傳

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

https://blog.didispace.com/spring-boot-learning-21-4-4/#%E5%8A%A8%E6%89%8B%E8%AF%95%E8%AF%95 動手試試

本文的動手環節将基于

一文的例子之上,是以讀者可以拿上一篇的例子作為基礎來進行改造,以體會這之間的差別,下面也主要講解核心差別的地方。

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

<!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

    數組通過循環周遊的方式對每個檔案進行存儲,然後拼接結果傳回資訊。

更多本系列免費教程連載

「點選進入彙總目錄」

https://blog.didispace.com/spring-boot-learning-21-4-4/#%E6%B5%8B%E8%AF%95%E9%AA%8C%E8%AF%81 測試驗證

第一步:啟動Spring Boot應用,通路

http://localhost:8080

,可以看到如下的檔案上傳頁面。

Spring Boot 2.x基礎教程:多個檔案的上傳

第二步:選擇2個不大于2MB的檔案,點選“送出”按鈕,完成上傳。

如果上傳成功,将顯示類似下面的頁面:

Spring Boot 2.x基礎教程:多個檔案的上傳

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

https://blog.didispace.com/spring-boot-learning-21-4-4/#%E4%BB%A3%E7%A0%81%E7%A4%BA%E4%BE%8B 代碼示例

本文的相關例子可以檢視下面倉庫中的

chapter4-4

目錄: