解决AJAX中FormData与额外数据传递难题

var id = "<?php echo $id ?>"; 
var form_data = new FormData();
// ... 添加文件到form_data ...

$.ajax({
    url:"upload.php",
    data: {id : id, form_data}, // 错误示例
    method:"POST",
    contentType: false,
    cache: false,
    processData: false,
    // ... 其他设置 ...
});

<?php
    // 确保id变量已设置，并进行安全检查
    $id = isset($_GET['lcid']) && $_GET['lcid'] !== NULL ? $_GET['lcid'] : null;
    if ($id === null) {
        echo "<script>window.location = 'insurt-documents.php';</script>";
        exit(); // 终止脚本执行
    }
?>

<script>
$(document).ready(function(){
    // 假设您已经有了文件选择逻辑和错误处理
    // ... 检查文件数量等逻辑 ...

    var error_images = '';
    var form_data = new FormData();
    var files = $('#multiple_files')[0].files;

    if(files.length > 15) {
        error_images += '您不能选择超过15个文件';
        // 显示错误信息并阻止上传
        $('#error_multiple_files').html('<br /><label class="text-danger">' + error_images + '</label>');
        return; 
    } else {
        // 将所有选定的文件添加到FormData对象
        for(var i = 0; i < files.length; i++) {
            form_data.append('multiple_files[]', files[i]); // 使用数组命名以便服务器端接收多个文件
        }
    }

    // 将额外变量 'id' 添加到 FormData 对象
    // 注意：这里的$id是PHP变量，在页面加载时会被替换为实际值
    var postId = "<?php echo $id; ?>"; 
    form_data.append("id", postId);

    $.ajax({
        url:"upload.php",
        data: form_data, // 直接传递FormData对象
        method:"POST",
        contentType: false, // 不设置Content-Type头部
        cache: false,
        processData: false, // 不处理数据
        beforeSend:function(){
            $('#error_multiple_files').html('<br /><label class="text-primary">正在上传...</label>');
        },   
        success:function(data) {
            $('#error_multiple_files').html('<br /><label class="text-success">上传成功</label>');
            // 假设load_image_data()函数用于刷新图片列表
            load_image_data(); 
            // 可选：处理服务器返回的数据 'data'
            console.log(data);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            $('#error_multiple_files').html('<br /><label class="text-danger">上传失败: ' + textStatus + '</label>');
            console.error("AJAX Error: ", textStatus, errorThrown);
        }
    });
});
</script>

<?php
// 确保错误报告开启，便于调试
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

// 建立数据库连接（请替换为您的实际连接代码）
$conn = new mysqli("localhost", "username", "password", "database");
if ($conn->connect_error) {
    die("数据库连接失败: " . $conn->connect_error);
}

// 获取通过FormData.append("id", ...) 传递的ID
// 注意：即使是FormData，普通字段也会在$_POST中
$postId = isset($_POST['id']) ? $_POST['id'] : null;

if ($postId === null) {
    echo "错误：未接收到文章ID。";
    exit();
}

// 获取上传的文件
// 如果客户端使用了 'multiple_files[]' 命名，$_FILES['multiple_files'] 将是一个数组
if (isset($_FILES['multiple_files']) && is_array($_FILES['multiple_files']['name'])) {
    $fileNames = $_FILES['multiple_files']['name'];
    $fileTmps = $_FILES['multiple_files']['tmp_name'];
    $fileErrors = $_FILES['multiple_files']['error'];

    foreach ($fileNames as $index => $fileName) {
        if ($fileErrors[$index] === UPLOAD_ERR_OK) {
            $tmpPath = $fileTmps[$index];
            $newFileName = uniqid() . '_' . basename($fileName); // 生成唯一文件名
            $uploadDir = 'uploads/'; // 您的上传目录
            if (!is_dir($uploadDir)) {
                mkdir($uploadDir, 0777, true); // 如果目录不存在则创建
            }
            $targetPath = $uploadDir . $newFileName;

            if (move_uploaded_file($tmpPath, $targetPath)) {
                // 文件移动成功，现在可以插入数据库
                // !!! 重要：这里需要使用预处理语句防止SQL注入 !!!
                $query = "INSERT INTO tbl_image (postid, image_name, image_description) VALUES (?, ?, ?)";

                // 使用预处理语句
                $stmt = $conn->prepare($query);
                if ($stmt === false) {
                    echo "SQL准备失败: " . $conn->error;
                    continue; // 跳过当前文件
                }

                // 绑定参数
                $description = ''; // 假设描述为空或从其他字段获取
                $stmt->bind_param("iss", $postId, $newFileName, $description); // i: integer, s: string

                // 执行语句
                if ($stmt->execute()) {
                    // echo "文件 '" . htmlspecialchars($fileName) . "' 上传成功并记录到数据库。<br>";
                } else {
                    echo "文件 '" . htmlspecialchars($fileName) . "' 数据库插入失败: " . $stmt->error . "<br>";
                }
                $stmt->close();
            } else {
                echo "文件 '" . htmlspecialchars($fileName) . "' 移动失败。<br>";
            }
        } else {
            echo "文件 '" . htmlspecialchars($fileName) . "' 上传错误，错误码: " . $fileErrors[$index] . "<br>";
        }
    }
    echo "所有文件处理完毕。";
} else {
    echo "未检测到上传文件或上传文件错误。";
}

$conn->close();
?>

$query = "INSERT INTO tbl_image (postid, image_name, image_description) 
          VALUES ('".$id."', '".$file_name."', '')";

// 假设 $conn 是您的mysqli数据库连接对象
// $postId 和 $newFileName 是您从 $_POST 和 $_FILES 获取的数据

// 1. 准备SQL语句，使用占位符 (?)
$query = "INSERT INTO tbl_image (postid, image_name, image_description) VALUES (?, ?, ?)";
$stmt = $conn->prepare($query);

// 检查语句是否准备成功
if ($stmt === false) {
    die("SQL准备失败: " . $conn->error);
}

// 2. 绑定参数
// 第一个参数是类型字符串，表示后续参数的类型：
// 'i' 代表 integer (整数)
// 'd' 代表 double (浮点数)
// 's' 代表 string (字符串)
// 'b' 代表 blob (二进制数据)
$description = ''; // 假设描述为空或从其他字段获取
$stmt->bind_param("iss", $postId, $newFileName, $description); 

// 3. 执行语句
if ($stmt->execute()) {
    echo "数据插入成功。";
} else {
    echo "数据插入失败: " . $stmt->error;
}

// 4. 关闭语句
$stmt->close();
// $conn->close(); // 在所有操作完成后关闭连接