參考文章：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地址：http://vcdvsql.cn/article24/pheje.html

成都網站建設公司_創新互聯，為您提供電子商務、軟件開發、小程序開發、網站導航、微信公眾號、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯