elementui上传文件到java，前端的代码和后端的代码怎么写？

前端代码：

<template>
  <el-upload
    action="/upload"  // 上传接口地址
    :file-list="fileList"
    :on-success="handleSuccess"
    :on-error="handleError"
    :on-progress="handleProgress"
  >
    <el-button size="small" type="primary">上传文件</el-button>
  </el-upload>
</template>

<script>
export default {
  name: "UploadDemo",
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 成功上传之后的回调
      console.log(response);
    },
    handleError(err, file, fileList) {
      // 上传错误后的回调
      console.log(err);
    },
    handleProgress(event, file, fileList) {
      // 上传进度的回调
      console.log(event);
    }
  }
};
</script>

后端代码：

@RequestMapping("/upload")
@ResponseBody
public String upload(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws Exception {
   // 处理文件上传
   System.out.println(file.getSize());
   return "success";
}

在后端代码中，我们使用了 `@RequestMapping` 注解来指定接口地址，同时也使用了 `@RequestParam` 注解来接收上传的文件。在 `MultipartFile` 对象中，包含了上传的文件数据以及相关信息。我们可以使用它来进行文件保存等操作。最后，我们返回了一个字符串，表示上传成功。