在Ajax中发送文件并使用jQuery输入

var formData = new FormData();
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.setRequestHeader('Content-Type', 'multipart/form-data');

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理服务器的响应
    console.log(xhr.responseText);
  }
};
xhr.send(formData);

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

$.ajax({
  url: 'upload.php',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 处理服务器的响应
    console.log(response);
  }
});

$.post({
  url: 'upload.php',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 处理服务器的响应
    console.log(response);
  }
});