SpringBoot基礎實戰系列（三）springboot單檔案與多檔案上傳

上古神龍發表於2020-05-15
Spring Boot

springboot單檔案上傳

對於springboot檔案上傳需要了解一個類MultipartFile ，該類用於檔案上傳。我此次使用thymeleaf模板引擎，該模板引擎檔案字尾 .html。

1.建立controller

   /**
     * 單檔案上傳，使用post請求
     * @param file
     * @return
     */
    @PostMapping("/upload")
    @ResponseBody
    public String fileupload(MultipartFile file){

        // 獲取檔案的原檔名
        String oldName = file.getOriginalFilename();
        // 檔案上傳，儲存為新的檔名
        if (!"".equals(oldName) && oldName != null){
            // 獲取檔案字尾
            String suffixFileName = oldName.substring(oldName.lastIndexOf("."));

            // 設定檔案儲存的資料夾
            SimpleDateFormat sdf = new SimpleDateFormat("/yyyy/MM/dd");
            String filePath = "C:/Users/Desktop/springboot" + sdf.format(new Date()) + "/" + UUID.randomUUID() + suffixFileName;
            File dest = new File(filePath);
            // 判斷資料夾是否存在
            if (!dest.exists()){
                dest.mkdirs();
            }

            try {
                // 檔案寫入
                file.transferTo(dest);
                // 返回檔案儲存成功之後的檔名路徑
                return filePath;
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        return "檔案上傳失敗";
    }

2.建立upload.html頁面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>單檔案上傳</div>
    <form method="post" enctype="multipart/form-data" action="/upload">
        <input name="file" type="file" />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

注意：

  • 對於檔案上傳，我們一般使用 post 方法
  • 前端html頁面我暫時放在static資料夾下，由於瀏覽器頁面是直接先訪問到 html頁面的，而不是通過 controller跳轉得到的，所以該頁面屬於靜態頁面，而static資料夾下的資原始檔屬於靜態資原始檔都是可以直接訪問的。這一點要區別於templates資料夾。
  • 可能出現的報錯： template might not exist or might not be accessible by any of the configured Template Resolvers，可能原因是：需要在controller方法體上加上註解 @ResponseBody或@RestController。

springboot多檔案上傳

多檔案上傳相比較於單檔案上傳，區別於單檔案上傳，多檔案上傳後端方法使用陣列來接收 MultipartFile[] files，且多檔案上傳只是迴圈呼叫單檔案上傳的方法。

1.建立controller

 /**
     * 多檔案上傳（只是比單檔案上傳多了一個迴圈）
     * @param files 檔案集合
     * @return
     */
    @PostMapping("/uploads")
    @ResponseBody
    public String fileUploadMultipart(MultipartFile[] files, HttpServletRequest request){

//        HttpSession session = request.getSession();
//        System.out.println(session);
//        ServletContext servletContext = session.getServletContext();
//        System.out.println(servletContext);
//        String context = servletContext.getRealPath("context");
//        System.out.println(context);

        List<String> list = new ArrayList<String>();
		// 此處迴圈呼叫單檔案的上傳方法
        for (int i = 0; i< files.length; i++){
            String url = fileupload(files[i]);
            list.add(url);
        }

        return list.toString();
    }

2.建立upload.html頁面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>多檔案上傳</div>
    <form method="post" enctype="multipart/form-data" action="/uploads">
        <input name="files" type="file" multiple/>
        <input type="submit" value="上傳"/>
    </form>
</body>
</html>

希望自己能一直保持初衷，文章一直寫下去，和大家一起成長

本系列程式碼github地址：https://github.com/shanggushenlong/springboot-demo

相關文章