前端用vue 后端用java 给出代码

前端使用 Vue.js，后端使用 Java 的示例代码如下：

前端代码（Vue.js）：

<template>
  <div>
    <input type="file" @change="uploadFile" />
  </div>
</template>

<script>
export default {
  methods: {
    uploadFile(event) {
      const file = event.target.files[0];
      const formData = new FormData();
      formData.append('file', file);

      // 发起文件上传请求
      axios.post('http://your-backend-url/upload', formData)
        .then(response => {
          console.log(response.data);
          // 处理上传成功的逻辑
        })
        .catch(error => {
          console.error(error);
          // 处理上传失败的逻辑
        });
    }
  }
};
</script>

后端代码（Java）：

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
@RequestMapping("/upload")
public class FileUploadController {

    @PostMapping
    public String uploadFile(@RequestParam("file") MultipartFile file) {
        // 处理文件上传逻辑
        if (!file.isEmpty()) {
            try {
                // 获取文件的原始名称
                String fileName = file.getOriginalFilename();
                
                // 保存文件到指定路径
                // ...

                return "File uploaded successfully!";
            } catch (Exception e) {
                return "Failed to upload file!";
            }
        } else {
            return "File is empty!";
        }
    }
}

以上示例仅为基本的文件上传示例，你可以根据实际需求进行相应的修改和扩展。在实际开发中，你可能还需要添加文件大小限制、文件类型限制等验证逻辑，以及处理文件存储路径、返回文件链接等其他操作。

请确保你已经配置好了 Vue.js 和 Java 的开发环境，并正确导入所需的依赖库。同时，你还需要根据实际情况配置后端的路由和文件保存路径。

希望以上代码能对你有所帮助！如有更多问题，请继续提问。