JavaScript通过FormData传图片至PHP后端，无法读取文件数据求助

你遇到的问题核心在于FormData的传递方式错误——你把FormData对象包装进了一个普通的JS对象{'img': formData}里发送，这会导致浏览器无法以正确的multipart/form-data格式传递文件，最终PHP的$_FILES全局变量里根本接收不到文件数据。

一、修正JavaScript的请求发送逻辑 #

你需要直接把FormData作为请求体发送，而不是把它嵌套在另一个对象里。同时要确保你的请求方法是POST，并且不要手动设置Content-Type（浏览器会自动为FormData添加正确的multipart/form-data头和分隔符）。

修正后的关键代码片段： #

if (accept) {
  var formData = new FormData();
  formData.append('pic[]', file); // 保持这个键名，PHP会识别为数组格式
  console.log(formData.get('pic[]'));

  // 使用fetch发送请求（如果你的post自定义函数不支持FormData，建议换成原生fetch或XMLHttpRequest）
  fetch('../controller/profile_controller.php', {
    method: 'POST',
    body: formData // 直接传递FormData对象，不要包装
  })
  .then(response => response.text())
  .then(result => {
    console.log('上传反馈:', result);
    // 这里可以添加上传成功后的UI逻辑
  })
  .catch(err => {
    console.error('上传失败:', err);
  });
}

如果你的post是自定义函数，需要确保它能处理FormData参数，而不是将其序列化为JSON或urlencoded数据。比如自定义post函数的正确实现可以是：

function post(url, formData) {
  return fetch(url, {
    method: 'POST',
    body: formData
  });
}

二、PHP端接收文件的正确方式 #

因为你在FormData里用的键是pic[]，PHP会自动将其解析为数组格式的文件数据，所以你需要通过$_FILES['pic']来访问它（注意键名是pic，不是pic[]）。

PHP示例代码： #

<?php
// 检查是否接收到上传的文件
if (isset($_FILES['pic'])) {
  // 打印完整的文件信息，方便调试
  var_dump($_FILES['pic']);

  // 处理单个上传文件（因为你只append了一个文件）
  $tmpFilePath = $_FILES['pic']['tmp_name'][0];
  $fileName = $_FILES['pic']['name'][0];
  $fileSize = $_FILES['pic']['size'][0];
  $fileType = $_FILES['pic']['type'][0];

  // 示例：将文件移动到服务器的uploads目录（确保目录存在且有写权限）
  $uploadDir = 'uploads/';
  if (!is_dir($uploadDir)) {
    mkdir($uploadDir, 0755, true);
  }
  $targetPath = $uploadDir . basename($fileName);
  if (move_uploaded_file($tmpFilePath, $targetPath)) {
    echo "文件上传成功，路径：" . $targetPath;
  } else {
    echo "文件移动失败";
  }
} else {
  echo "未接收到上传的文件";
}
?>

三、额外注意事项 #

• 确保PHP配置中的upload_max_filesize和post_max_size值足够大，能容纳你的图片文件（比如设置为10M）。
• 服务器上的上传目录需要有可写权限（可以通过chmod 755 uploads命令设置）。
• 如果你需要上传多个文件，可以多次调用formData.append('pic[]', file)，PHP会把所有文件都放到$_FILES['pic']的数组里。

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