SpringBoot+Thymeleaf上传头像并回显【表单提交】-创新互联

参考文章：springboot+thymeleaf实现图片上传并回显https://www.wanmait.com/note/shaowei/javaee/b3717a24fde24d3e89c47765a1a63214.html

创新互联主营和平网站建设的网络公司,主营网站建设方案,成都app开发,和平h5小程序设计搭建,和平网站营销推广欢迎和平等地区企业咨询一、新建SpringBoot项目

添加 spring web和 thymeleaf 的依赖

二、在templates新建页面

在页面中添加一个表单和一个文件上传控件、一个按钮用于提交表单

一个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上传头像并回显【表单提交】-创新互联
URL地址：https://www.cdcxhl.com/article24/pheje.html

成都网站建设公司_创新互联，为您提供电子商务、软件开发、小程序开发、网站导航、微信公众号、网站维护

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联