uniapp上传图片 前端以及java后端代码实现

setPic1: function() {
        var me = this;
        var serverUrl = this.serverUrl;
        uni.chooseImage({
          count: 1,
          sizeType: ['original', 'compressed'],
            success: function(res) {
                const tempFilePaths = res.tempFilePaths[0];
                uni.uploadFile({
                    url: serverUrl+ '/api/common/upload',
                    filePath: tempFilePaths,
                    name: 'file',
              success: (myres) => {
                var jsonObject = JSON.parse(myres.data);
                if(jsonObject.code == 0){
                  var imageUrl = jsonObject.data.url;
                  me.businessLicencesUrl = imageUrl;
                  me.isUploadimg = true;
                }
              }
                    
                });
            }
        });
 
      },

@ApiOperation("图片上传")
    @PostMapping("/common/upload")
    public AjaxResult uploadFile(HttpServletRequest request) throws Exception
    {
        try
        {
            // 上传文件路径
            String filePath = IMAGEHOME;
 
            MultipartHttpServletRequest req = (MultipartHttpServletRequest) request;
 
            //对应前端的upload的name参数"file"
            MultipartFile file = req.getFile("file");
            // 上传并返回新文件名称
            String fileName = FileUploadUtils.upload(filePath, file);
            String url = serverConfig.getUrl() + fileName;
            Map<String, Object> result = new HashMap<>();
            result.put("fileName", fileName);
            result.put("url", url);
            return AjaxResult.success(result);
        }
        catch (Exception e)
        {
            return AjaxResult.error(e.getMessage());
        }
    }