PHP8.0怎样用fetch提交拖放结果-php教程-PHP中文网

php 8.0 不处理拖放与 fetch，仅接收前端提交的数据；前端用 javascript 实现拖放监听、formdata 构造及 fetch 上传，php 端通过 $_files 或 php://input 解析文件或文本数据。

php8.0怎样用fetch提交拖放结果

PHP 8.0 本身不直接处理拖放（drag & drop）或 fetch 提交，它只负责接收和处理前端通过 HTTP 发送过来的数据。拖放 + Fetch 是前端行为，PHP 是后端接收方。关键在于：前端用 JavaScript 实现拖放文件/数据 → 用 fetch 发送（通常为 FormData）→ PHP 8.0 正确解析 $_FILES 或 $_POST。

前端：用 drag & drop 拦截文件并 fetch 提交

监听容器的 dragover、drop 事件，阻止默认行为，读取 event.dataTransfer.files，构造 FormData 并用 fetch POST 到 PHP 脚本：

const dropArea = document.getElementById('drop-area');
dropArea.addEventListener('dragover', e => e.preventDefault());
dropArea.addEventListener('drop', async e => {
  e.preventDefault();
  const files = Array.from(e.dataTransfer.files);
  const formData = new FormData();
  files.forEach(file => formData.append('files[]', file)); // 注意 name 匹配 PHP 的 $_FILES 键

  try {
    const res = await fetch('upload.php', {
      method: 'POST',
      body: formData // 不要设 Content-Type，让浏览器自动设置 multipart/form-data + boundary
    });
    const result = await res.json();
    console.log(result);
  } catch (err) {
    console.error(err);
  }
});

PHP 8.0：正确接收并处理上传的文件

PHP 8.0 对文件上传的处理与旧版一致，但需注意错误报告和类型安全。确保 php.ini 中已启用：
file_uploads = On，post_max_size 和 upload_max_filesize 足够大。

PHP

编写健壮的PHP代码，规避类型转换陷阱、数组怪癖及常见安全漏洞。

下载

在 upload.php 中检查 $_FILES：

<?php if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
  http_response_code(405);
  echo json_encode(['error' => 'Method not allowed']);
  exit;
}

if (empty($_FILES['files']['name'][0])) {
  echo json_encode(['error' => 'No files uploaded']);
  exit;
}

$uploadDir = __DIR__ . '/uploads/';
if (!is_dir($uploadDir) && !mkdir($uploadDir, 0755, true)) {
  echo json_encode(['error' => 'Upload directory not writable']);
  exit;
}

$uploaded = [];
foreach ($_FILES['files']['name'] as $index => $name) {
  $tmpName = $_FILES['files']['tmp_name'][$index];
  $error   = $_FILES['files']['error'][$index];
  $size    = $_FILES['files']['size'][$index];

  if ($error === UPLOAD_ERR_OK && $size > 0) {
    $safeName = basename($name);
    $target   = $uploadDir . $safeName;
    if (move_uploaded_file($tmpName, $target)) {
      $uploaded[] = $safeName;
    }
  }
}

echo json_encode(['uploaded' => $uploaded]);

常见问题与 PHP 8.0 注意点

不要手动设置 fetch 的 Content-Type：FormData 会自动生成正确的 multipart/form-data 及 boundary；手动设会导致 PHP 无法解析 $_FILES。
PHP 8.0 的 $_FILES 结构不变，但数组访问更严格——避免未定义索引警告，用 isset() 或 null 合并操作符（??）校验字段。
跨域？ 如果前端和 PHP 不同源，需在 PHP 响应头中添加 CORS 支持（如 header('Access-Control-Allow-Origin: *');），并在 fetch 中设置 credentials: 'same-origin' 或适配策略。
大文件或进度反馈？ 可结合 XMLHttpRequest.upload.onprogress（fetch 本身不支持上传进度），或改用 XMLHttpRequest；PHP 端无需额外改动。

补充：提交非文件的拖放内容（如文本、HTML 片段）

若拖放的是网页中的文字、链接或 HTML 元素（非文件），dataTransfer.files 为空，需监听 getData('text/plain') 或 getData('text/html')，然后用 fetch 提交普通 JSON：

// drop 事件中
const text = e.dataTransfer.getData('text/plain');
if (text) {
  fetch('save-text.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ content: text })
  });
}

对应 PHP（save-text.php）用 json_decode(file_get_contents('php://input'), true) 读取。