Spring Boot 2.x基礎教程:多個文件的上傳

昨天,我們介紹瞭如何在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支持,您的關注是我堅持的動力!

歡迎關注我的公衆號:程序猿DD,獲得獨家整理的免費學習資源助力你的Java學習之路!另每週贈書不停哦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章