前端上传图片Javaboot后端接收

前端上传图片可以使用HTML5的File API或者第三方库如Dropzone.js等。具体实现可以参考以下代码：

HTML代码：

<form>
  <input type="file" id="fileInput">
  <button type="submit" id="submitBtn">提交</button>
</form>

JavaScript代码：

const fileInput = document.getElementById('fileInput');
const submitBtn = document.getElementById('submitBtn');

submitBtn.addEventListener('click', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  const file = fileInput.files[0];

  // 使用FormData构建表单数据
  const formData = new FormData();
  formData.append('file', file);

  // 发送POST请求
  fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));
});

后端接收图片可以使用Spring框架的MultipartFile类型接收。具体实现可以参考以下代码：

@PostMapping("/upload")
public String handleFileUpload(@RequestParam("file") MultipartFile file) throws IOException {
  byte[] bytes = file.getBytes();
  // 处理文件上传逻辑
  return "success";
}