将<input type=file> contents转换为Base64并发送到需要MultiPartFile的Spring方法

function convertToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => resolve(reader.result);
    reader.onerror = error => reject(error);
    reader.readAsDataURL(file);
  });
}

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];
convertToBase64(file)
  .then(base64Data => {
    // 将base64Data发送到后端
    // 可以使用Ajax、Fetch等方式发送数据
  })
  .catch(error => {
    console.error('Error converting file to base64:', error);
  });

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

@PostMapping("/upload")
public String handleFileUpload(@RequestParam("file") MultipartFile file) {
  // 处理MultipartFile对象，例如保存文件到服务器或进行其他操作
  // 可以使用Spring提供的MultipartFile方法进行处理
  // 示例代码仅作为参考，请根据实际需求进行修改
  if (!file.isEmpty()) {
    try {
      byte[] bytes = file.getBytes();
      // 保存文件到服务器
      // 示例代码仅作为参考，请根据实际需求进行修改
      Path path = Paths.get("path/to/save/file");
      Files.write(path, bytes);
      return "File uploaded successfully";
    } catch (IOException e) {
      e.printStackTrace();
      return "Failed to upload file";
    }
  } else {
    return "No file selected";
  }
}