前端上传图片springboot后端接收

前端上传图片可以使用HTML5的FormData对象，将文件数据放入FormData中，通过Ajax请求将数据发送给后端。后端可以使用Spring MVC框架来接收文件数据，具体步骤如下：

前端代码：

<!-- 上传表单 -->
<form id="uploadForm">
  <input type="file" name="file" id="file">
  <button type="button" onclick="upload()">上传</button>
</form>

<script>
function upload() {
  var formData = new FormData();
  formData.append("file", document.getElementById("file").files[0]);
  // 发送Ajax请求
  $.ajax({
    url: "/upload",
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      console.log(response);
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
}
</script>

后端代码：

@RestController
public class UploadController {

  @PostMapping("/upload")
  public String handleFileUpload(@RequestParam("file") MultipartFile file) {
    String filename = file.getOriginalFilename();
    // 保存文件
    try {
      file.transferTo(new File("path/to/save/" + filename));
    } catch (IOException e) {
      e.printStackTrace();
      return "上传失败";
    }
    return "上传成功";
  }
}

在后端代码中，使用@RequestParam注解来获取前端发送的文件数据，通过MultipartFile对象来操作文件。文件可以通过transferTo方法保存到指定路径。