springboot Vue+elmentui 实现图片上传 可携带其他参数

首先先实现后端

controller类

@PostMapping("/addHome")
    public ResponseBase uploadWork(MultipartFile file, String homeAddress)  {
        ResponseBase jsonData=new ResponseBase();
        if (!file.isEmpty()) {
            try {
                if (file == null) {
                     return "请选择要上传的图片";
                }
                if (file.getSize() > 1024 * 1024 * 10) {
                	 return "文件大小不能大于10M";
                }
                //获取文件后缀
                String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".") + 1, file.getOriginalFilename().length());
                if (!"jpg,jpeg,gif,png".toUpperCase().contains(suffix.toUpperCase())) {
                    jsonData.setMessage("请选择jpg,jpeg,gif,png格式的图片");
                }
                String savePath = "D:\\image";
                File savePathFile = new File(savePath);
                if (!savePathFile.exists()) {
                    //若不存在该目录，则创建目录
                    savePathFile.mkdir();
                    System.out.println("我是不存在得！！！！！");
                }
                //通过UUID生成唯一文件名
                String filename = UUID.randomUUID().toString().replaceAll("-","") + "." + suffix;

                try {
                    //将文件保存指定目录
                    file.transferTo(new File(savePath + "\\"+filename));
                } catch (Exception e) {
                    e.printStackTrace();
                    return "保存文件异常";
                }

                //添加至数据库
                
            } catch (Exception e) {
                e.printStackTrace();
             
            }
        }
        return "ok";

    }

前端

        //取消自动上传
          
          

            
            
              
                
              
            
          

        
        
          
        
        
          
        
      
      

        确 定
      

那里有问题 欢迎前来提问 你再成长 我也在成长！！！ 要不你再点个赞支持一下不！！哈哈