SpringBoot+Thymeleaf上传头像并回显【表单提交】-创新互联
参考文章:springboot+thymeleaf实现图片上传并回显https://www.wanmait.com/note/shaowei/javaee/b3717a24fde24d3e89c47765a1a63214.html
创新互联主营和平网站建设的网络公司,主营网站建设方案,成都app开发,和平h5小程序设计搭建,和平网站营销推广欢迎和平等地区企业咨询一、新建SpringBoot项目二、在templates新建页面添加 spring web和 thymeleaf 的依赖
在页面中添加一个表单和一个文件上传控件、一个按钮用于提交表单
一个img标签用于图片回显
三、新建控制器页面提交表单后上传图片并返回到此页面
//获取本地文件 更新头像
@PostMapping("/loan/page/uploadHeader")
public String uploadHeader(MultipartFile file, HttpServletRequest request, Model model) throws IOException {
//1.获取上传文件名字
String fileName = file.getOriginalFilename();
//2.通过上传文件名字截图后缀名
String fileNameLast = fileName.substring(fileName.indexOf("."));
//3.定义新的文件名字
String newFileName = UUID.randomUUID().toString() + fileNameLast;
//4.获取上传图片路径
String path = ResourceUtils.getURL("classpath:").getPath() + "static/image/";
File uploadPath = new File(path + newFileName);
//5.如果上传目录不存在,创建目录
if (!uploadPath.exists()) {
uploadPath.mkdirs();
}
//6.上传文件
file.transferTo(uploadPath);
//7.更新 用户头像
User user = (User) request.getSession().getAttribute(Constants.LOGIN_USER);
user.setHeaderImage(newFileName);
userService.insertHeaderImage(user);
return "myCenter";
}
//更新 用户头像
@Override
public void insertHeaderImage(User user) {
userMapper.updateByPrimaryKeySelective(user);
}
四、在application.properties配置文件添加上传文件大小的控制
#单个文件上传的大值
spring.servlet.multipart.max-file-size=5MB
#上传文件总的大值
spring.servlet.multipart.max-request-size=10MB
五、运行项目你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧
名称栏目:SpringBoot+Thymeleaf上传头像并回显【表单提交】-创新互联
本文网址:http://ybzwz.com/article/pheje.html