spring?boot實現(xiàn)圖片上傳到后臺的功能(瀏覽器可直接訪問)

更新時間：2022年04月24日 10:26:33 作者：紙照片

這篇文章主要介紹了spring?boot實現(xiàn)圖片上傳到后臺的功能(瀏覽器可直接訪問),需要的朋友可以參考下

1. 配置上傳文件最大數(shù)值

默認(rèn)情況下，在spring boot嵌入的tomcat限制了上傳文件的大小，在spring boot的我官方文檔中說明，每個文件的最大配置為1Mb，單次請求的總文件數(shù)不能大于10Mb。

這意味著如果你上傳的圖片大于1Mb，會被攔截下來，無法正常保存到后臺，并拋出一個錯誤，返回狀態(tài)碼：500。

The field file exceeds its maximum permitted size of 1048576 bytes.

需要根據(jù)實際情況更改這兩個數(shù)值。(yaml配置文件)

spring:
  servlet:
    multipart:
      enabled: true
      max-file-size: 10MB
      max-request-size: 100MB

2. 配置虛擬路徑映射

后端程序接收到圖片資源后，會將圖片保存到硬盤中的一個路徑下，如果我們想通過URL直接訪問到圖片資源，就需要配置一個虛擬路徑去映射這個真實存在的物理路徑。

同樣是在配置文件中，添加物理存儲路徑以及映射到項目中的虛擬路徑。

SavePath:
  ProfilePhoto: 'D:\Test\ProfilePhoto\'  #圖標(biāo)存儲路徑
  ProfilePhotoMapper: '/profilePhoto/'  #圖標(biāo)的映射路徑

添加一個spring boot配置程序，這樣就形成了一對映射關(guān)系。

@Configuration
public class SpringbootConfigure implements WebMvcConfigurer {
    //@Value可以將配置文件的內(nèi)容自動注入到屬性內(nèi)
    @Value("${SavePath.ProfilePhoto}")
    private String ProfilePhotoPath;   //圖標(biāo)物理存儲路徑
    @Value("${SavePath.ProfilePhotoMapper}")
    private String ProfilePhotoMapperPath;   //圖標(biāo)映射路徑
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry){
        registry.addResourceHandler(ProfilePhotoMapperPath+"**").addResourceLocations("file:"+ProfilePhotoPath);
    }
}

3. 編寫controller程序

作示例使用，具體的返回數(shù)據(jù)自行改寫。

@Value("${SavePath.ProfilePhoto}")
private String ProfilePhotoSavePath;   //圖標(biāo)圖片存儲路徑
@Value("${SavePath.ProfilePhotoMapper}")
private String ProfilePhotoMapperPath;   //圖標(biāo)映射路徑

/**
	* 頭像上傳
     * @param fileUpload 圖片資源
     * @return 圖映射的虛擬訪問路徑
     */
@PostMapping("/api/profilePhotoUpload")
public String profilePhotoUpload(@RequestParam("file") MultipartFile fileUpload){
    //獲取文件名
    String fileName = fileUpload.getOriginalFilename();  
    //獲取文件后綴名。也可以在這里添加判斷語句，規(guī)定特定格式的圖片才能上傳，否則拒絕保存。
    String suffixName = fileName.substring(fileName.lastIndexOf("."));  
    //為了避免發(fā)生圖片替換，這里使用了文件名重新生成
    fileName = UUID.randomUUID()+suffixName;
    try {
        //將圖片保存到文件夾里
        fileUpload.transferTo(new File(ProfilePhotoSavePath+fileName));
        return ProfilePhotoMapperPath+fileName;
    } catch (Exception e) {
        e.printStackTrace();
        return "";
    }
}