如何使用ajax、jquery和spring mvc上传文件和数据

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="file" id="fileInput">
  <input type="text" name="dataField" id="dataField">
  <button type="button" onclick="upload()">上传</button>
</form>

function upload() {
  var formData = new FormData();
  formData.append("file", $("#fileInput")[0].files[0]);
  formData.append("dataField", $("#dataField").val());

  $.ajax({
    url: "/upload",
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      // 处理上传成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理上传失败后的逻辑
    }
  });
}

@Controller
public class UploadController {

  @PostMapping("/upload")
  public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file,
                                           @RequestParam("dataField") String dataField) {
    // 处理文件上传和数据提交的逻辑

    return ResponseEntity.ok("上传成功");
  }
}