springboot2实现图片文件上传与mysql存储路径并回显

环境介绍

技术栈	springboot+mybatis+mysql
软件	版本
mysql	8
IDEA	IntelliJ IDEA 2022.2.1
JDK	1.8
Spring Boot	2.7.13
mybatis	2.3.1

springboot是基于spring 4.0，springboot2是基于spring5.0,springboot2由pivotal公司在2018发布,这个框架主要用来简化ssm开发，核心思想“约定大于配置”。

上传图片，数据库存储图灵路径，但前端页面无法显示图片的问题有

1、windos与linux的路径不同

2、mysql存储路径的长度不够

前端界面

 

     class="form-horizontal" role="form">
  

      选择图片:
     

        
     

     

     

        
     

  

  

     

        
     

  

前端ajax

或者

$(document).ready(function () {
                //发送ajax()的异步请求来完成用户的登入功能
                $.ajax({
                    url: "/WMS/products/getImageAvatar",
                    type: "get",
                    dataType: "JSON",
                    success: function (json){
                            alert("头像修改成功");
                        $("#img-avatar").attr("src",json.avatar);
                    },
                    error: function (xhr){
                        alert("图片修改产生未知的错误!"+xhr.message);
                    }
                });
            });

controller控制层

@RequestMapping("/changeAvatar")
public JsonResult changeAvatar(HttpSession session,
                                       @RequestParam("file") MultipartFile file){
    //判断文件是否为空
    if(file.isEmpty()){
        throw new FileEmptyException("文件为空");
    }

    //文件大小判断
    if (file.getSize() > AVATAR_MAX_SIZE){
        throw new FileSizeException("文件超出限制");
    }
    //判断文件类型
    String fileType = file.getContentType();
    if (!AVATAR_TYPE.contains(fileType)){
        throw new FileTypeException("文件类型不支持");
    }

    //获取绝对路径
    String parent = new File("static/images/wms").getAbsolutePath();

    File dir = new File(parent);
    if (!dir.exists()){
        dir.mkdirs();//创建当前的目录
    }

    //获取文件名称,UUID工具生成新的字符串作为文件名
    String originalFilename = file.getOriginalFilename();
    System.out.println("originalFilename原始文件路径:"+originalFilename);

    int index = originalFilename.lastIndexOf(".");
    String suffix = originalFilename.substring(index);
    String newFileName = UUID.randomUUID().toString().toUpperCase()+suffix;

    File dest = new File(dir,newFileName);//空文件

    try {
        //将参数file文件中的数据写入到dest文件中
        file.transferTo(dest);
    } catch (IOException e) {
        throw new FileIOException("文件写入异常");
    }

    Integer uid = getUidFromSession(session);
    String uname =getUserNameFromSession(session);

    String avatar = "../images/wms/"+newFileName;

    userModuleService.updateAvatar(uid,avatar,uname);

    //返回路径给前端页面,用于展示头像使用
    return new JsonResult<>(ok,avatar);
}