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

時間 2021-01-15

標籤 html java git github spring 後端數組 app spring-boot post 欄目 Spring 简体版

原文原文鏈接

昨天，咱們介紹瞭如何在Spring Boot中實現文件的上傳。有讀者問：那麼若是有多個文件要同時上傳呢？這就立刻奉上，當碰到多個文件要同時上傳的處理方法。html

動手試試

本文的動手環節將基於Spring Boot中實現文件的上傳一文的例子之上，因此讀者能夠拿上一篇的例子做爲基礎來進行改造，以體會這之間的區別，下面也主要講解核心區別的地方。java

第一步：修改文件上傳頁面的上傳表單git

<!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是同樣的，這樣才能在後端處理文件的時候組織到一個數組中。github

第二步：修改後端處理接口spring

@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();
}

幾個重要改動：後端