处理多类型数据的AJAX请求：发送数组与文件时键值丢失问题

我懂你遇到的困扰了——想同时上传文件和{'data':'unknown','datakey':'status'}这类键值对，结果设置contentType: false和processData: false后，这些额外的键值对直接丢失了。其实问题出在你没有把这些键值对加入到FormData对象中，而是和FormData混着放在ajax的data参数里，这是行不通的。

正确的实现方式 #

你需要把所有要发送的数据（包括键值对和文件）都统一塞进FormData对象，再将这个FormData作为ajax的data参数传递。修改后的代码如下：

$('#null').on('change', function(e) { // 注意：获取文件应该用change事件，click事件无法拿到选中的文件
  var formData = new FormData();
  // 先添加额外的键值对数据
  formData.append('data', 'unknown');
  formData.append('datakey', 'status');
  // 再添加要上传的文件
  formData.append('outFile', e.target.files[0]);

  $.ajax({
    cache: false,
    contentType: false,
    processData: false,
    url: 'fileservice.php',
    data: formData, // 直接传递FormData对象
    type: "POST",
    success: function(res) {
      console.log('上传成功:', res);
    },
    error: function(xhr, err) {
      console.error('上传失败:', err);
    }
  });
});

为什么之前的代码会丢失数据？ #

• 当设置processData: false时，jQuery不会自动将data里的普通对象转换为查询字符串，而FormData是特殊的表单数据对象，必须直接作为data的值传递。
• 如果你把普通键值对对象和FormData混在data参数里，jQuery无法正确解析这种混合结构，最终导致额外的键值对被丢弃。

后端PHP的接收方式 #

在fileservice.php里，你可以这样获取数据：

// 获取额外的键值对
$customData = $_POST['data'];
$customDatakey = $_POST['datakey'];
// 获取上传的文件
$uploadedFile = $_FILES['outFile'];

这样就能同时拿到文件和你需要的自定义键值对了！

内容的提问来源于stack exchange，提问作者oles