从 MySQL 数据库向 HTML 表格显示多张图片

<?php
// 确保存在上传的图片
if (isset($_FILES['image']) && !empty($_FILES['image']['name'][0])) {
    $image_names = $_FILES['image']['name'];
    $image_tmp_names = $_FILES['image']['tmp_name'];
    $image_count = count($image_names);

    $uploaded_images = []; // 用于存储成功上传的图片文件名

    for ($i = 0; $i < $image_count; $i++) {
        $image_name = $image_names[$i];
        $image_tmp_name = $image_tmp_names[$i];
        $target_path = 'img/' . $image_name; // 定义图片保存路径

        // 移动上传的图片到指定目录
        if (move_uploaded_file($image_tmp_name, $target_path)) {
            $uploaded_images[] = $image_name;
        } else {
            echo "图片 " . $image_name . " 上传失败！";
        }
    }

    // 将图片文件名以逗号分隔的字符串形式存储到数据库
    $image_string = implode(',', $uploaded_images);

    // 连接数据库 (假设你已经有 $con 变量)
    include 'connect.php';

    // 插入数据到数据库
    $query = "INSERT INTO my_images (images) VALUES ('$image_string')";
    $result = mysqli_query($con, $query);

    if ($result) {
        echo "图片信息已成功保存到数据库！";
    } else {
        echo "数据库插入失败: " . mysqli_error($con);
    }
} else {
    echo "请选择要上传的图片！";
}
?>

<table>
    <thead>
        <tr>
            <th>Image(s)</th>
        </tr>
    </thead>

    <?php
    include 'connect.php';
    $data = mysqli_query($con, "SELECT * FROM my_images");

    while ($d = mysqli_fetch_array($data)) {
        // 获取以逗号分隔的图片文件名字符串
        $image_string = $d['images'];

        // 将字符串拆分为数组
        $image_array = explode(',', $image_string);
    ?>

        <tr>
            <td>
                <?php
                // 循环遍历图片文件名数组，并显示图片
                foreach ($image_array as $image_name) {
                    // 构建图片 URL
                    $image_url = 'img/' . trim($image_name); // 使用 trim() 移除空格

                    // 显示图片
                    echo '<img src="' . $image_url . '" alt="' . $image_name . '" width="100">'; // 调整 width 属性
                }
                ?>
            </td>
        </tr>

    <?php } ?>
</table>