如何在协作器中使用ajax上传文件

<form id="myForm">
  <input type="file" name="file" id="fileInput">
  <input type="submit" value="上传文件">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    var formData = new FormData();
    formData.append('file', $('#fileInput')[0].files[0]); // 获取文件对象

    $.ajax({
      url: 'upload.php', // 上传文件的服务器端处理脚本
      type: 'POST',
      data: formData,
      processData: false, // 不处理数据
      contentType: false, // 不设置内容类型
      success: function(response) {
        // 上传成功后的处理逻辑
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 上传失败后的处理逻辑
        console.log(error);
      }
    });
  });
});