SpringBoot项目自定义静态资源映射规则的实现代码

package com.qcby.AICommunity.config;
 
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 
@Configuration
public class WebMVCConfiguration implements WebMvcConfigurer {
 
    @Value("${upload-path.face}") // 从配置文件读取路径
    private String face;
 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/community/upload/face/​**​")
                .addResourceLocations("file:" + face);
    }
}

upload-path:
  face: D:/upload/face/  # Windows
  # face: /var/upload/face/  # Linux

@RestController
@RequestMapping("/user")
public class UserController {
 
    @Value("${upload-path.face}")
    private String uploadPath;
 
    @PostMapping("/upload-avatar")
    public String uploadAvatar(MultipartFile file) throws IOException {
        String fileName = UUID.randomUUID() + ".jpg";
        File dest = new File(uploadPath + fileName);
        file.transferTo(dest); // 保存到本地
        return "/community/upload/face/" + fileName; // 返回访问路径
    }
}

// 上传头像
const fileInput = document.querySelector('input[type="file"]');
const formData = new FormData();
formData.append('file', fileInput.files[0]);
 
fetch('/user/upload-avatar', {
  method: 'POST',
  body: formData
})
.then(response => response.text())
.then(url => {
  console.log('访问地址:', url);
  // 示例结果: "/community/upload/face/a1b2c3d4.jpg"
});

private String face = "D:/upload/face/"; // 推荐
// 或
private String face = "D:\\upload\\face\\"; // 需转义

@Value("${upload-path.base}")
private String basePath;
 
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/uploads/user/​**​")
            .addResourceLocations("file:" + basePath + "user/");
}

String userDir = basePath + "user/" + userId + "/";
Files.createDirectories(Paths.get(userDir)); // 创建用户目录