有没有办法在自定义按钮点击前上传文件，然后使用ajax将其发送到控制器操作方法？

<form id="uploadForm">
  <input type="file" id="fileInput">
  <button type="button" onclick="uploadFile()">上传</button>
</form>

function uploadFile() {
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
  
  var formData = new FormData();
  formData.append('file', file);
  
  $.ajax({
    url: '控制器操作方法的URL',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      // 处理上传成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理上传失败后的逻辑
    }
  });
}

[HttpPost]
public ActionResult UploadFile(HttpPostedFileBase file)
{
  if (file != null && file.ContentLength > 0)
  {
    // 处理上传的文件，例如保存到服务器或进行其他操作
    return Json(new { success = true, message = "文件上传成功" });
  }
  else
  {
    return Json(new { success = false, message = "文件上传失败" });
  }
}