如何将Ajax文件上传与其他输入一起使用？

// HTML部分
<form id="myForm" enctype="multipart/form-data">
  <input type="text" name="name" placeholder="姓名">
  <input type="file" name="file" id="fileInput">
  <button type="button" onclick="uploadFile()">提交</button>
</form>

// JavaScript部分
function uploadFile() {
  var form = document.getElementById("myForm");
  var formData = new FormData(form);

  var fileInput = document.getElementById("fileInput");
  var file = fileInput.files[0];
  formData.append("file", file);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "upload.php", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 上传成功的处理逻辑
    }
  };
  xhr.send(formData);
}