快捷導(dǎo)航

SpringBoot簡單實現(xiàn)文件上傳

更新時間：2022年09月01日 16:34:07 作者：散一世繁華，顛半世琉璃

這篇文章主要介紹了SpringBoot簡單實現(xiàn)文件上傳，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下

1.創(chuàng)建SpringBoot項目

打開IDEA，點擊文件，選擇新建項目,點擊Spring Initializr，然后根據(jù)自己的需求設(shè)置項目名稱，位置以及JDK。這里需要注意，服務(wù)器的URL最好設(shè)置為阿里云服務(wù)器，這樣可以使得項目加載地更快。

點擊下一步后，勾選Spring Web依賴與Thymeleaf模板引擎后點擊完成即可。

2.修改application.properties配置文件

因為SpringBoot項目中默認文件的最大上傳大小為1MB，而1MB的上傳容量無法滿足我們開發(fā)工程中的文件上傳需求，因此我們需要修改配置文件。

# 設(shè)置上傳文件的大小為10MB
spring.servlet.multipart.max-file-size=10MB

3.編寫控制器UserController類

這里需要注意的是，使用MultipartFile類來處理接受前端上傳的文件，通過它可以獲取文件的名稱，類型，大小等等信息。

package com.xing.springbootfileupload.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;
@Controller
public class UserController {
    @RequestMapping("/")
    public String welcome(){
        return "index";
    }//這里相當(dāng)于設(shè)置歡迎頁

    @RequestMapping("/upload")
    @ResponseBody
    public String upload(String name, MultipartFile phone) throws IOException {//實現(xiàn)文件上傳
        System.out.println("上傳的用戶名為:"+name);
        System.out.println("圖像的原始名稱為:"+phone.getOriginalFilename());
        System.out.println("上傳文件的類型為:"+phone.getContentType());
        saveFile(phone);
        return "文件上傳成功";
    }

    public void saveFile(MultipartFile phone) throws IOException {//將文件保存到本地
        String dir="這里寫自己要保存圖片的絕對路徑";//建議這里寫resources目錄的絕對路徑
        File path=new File(dir+"/upload/");
        if(!path.exists()){//如果當(dāng)前目錄不存在
            path.mkdir();
        }
        File file=new File(dir+"/upload/"+phone.getOriginalFilename());
        phone.transferTo(file);//將此圖像保存到file本地
    }
}

4.編寫前端頁面index.html

編寫表單的時候要注意，我們一定要寫enctype=“multipart/form-data” 來控制文件的編碼，否則文件會上傳失??！

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>歡迎頁</title>
</head>
<body>
<h1>請自行上傳用戶名與圖像</h1>
<hr>
<form enctype="multipart/form-data" method="post" th:action="@{/upload}">
    <p>用戶名:<input type="text" name="name"></p>
    <p>用戶名:<input type="file" name="phone"></p>
    <input type="submit" value="上傳">
</form>
</body>
</html>