通过jQuery + Ajax将带有谷歌reCaptcha v2令牌的图像文件发送到PHP

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<form id="imageForm" method="post" enctype="multipart/form-data">
  <input type="file" name="imageFile" id="imageFile">
  <div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY"></div>
  <button type="submit">提交</button>
</form>

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

    var formData = new FormData(this);
    var recaptchaResponse = grecaptcha.getResponse(); // 获取reCaptcha令牌

    formData.append('recaptchaResponse', recaptchaResponse);

    $.ajax({
      url: 'process.php', // 替换为您的PHP脚本URL
      type: 'POST',
      data: formData,
      contentType: false,
      processData: false,
      success: function(response) {
        // 处理服务器响应
        console.log(response);
      }
    });
  });
});

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $imageFile = $_FILES['imageFile'];
  $recaptchaResponse = $_POST['recaptchaResponse'];

  // 在此处进行图像文件处理和reCaptcha验证
  // ...

  // 返回响应（例如，成功消息或错误消息）
  echo "图像文件上传并验证成功！";
}
?>