PHP/HTML表单中动态显示用户头像：从基础到最佳实践

<?php
if (isset($_SESSION['username'])) {
    $username = !empty($_SESSION['username']) ? $_SESSION['username'] : false;
    switch ($username) {
        case 'admin':
        case 'Admin':
        case 'ADMIN':
            echo '<img src="profile_pics/4.png" alt="User Icon"/>';
            break;
        case 'muhammad azeem':
        case 'Muhammad Azeem':
        case 'MUHAMMAD AZEEM':
            echo '<img src="profile_pics/1.png" alt="User Icon"/>';
            break;
        // ... 更多用户
    }
} else {
    echo '<img src="images/1.png" alt="User Icon"/>'; // 默认头像
}
?>

<?php
// 确保session已启动
if (session_status() == PHP_SESSION_NONE) {
    session_start();
}

$default_img_path = 'images/default.png'; // 定义一个全局默认头像路径

if (isset($_SESSION['username']) && !empty($_SESSION['username'])) {
    $username_lower = strtolower($_SESSION['username']); // 将用户名转换为小写
    $profile_img_filename = ''; // 初始化头像文件名变量

    switch ($username_lower) {
        case 'admin':
            $profile_img_filename = '4.png';
            break;
        case 'muhammad azeem':
            $profile_img_filename = '1.png';
            break;
        case 'muhammad adnan':
            $profile_img_filename = '2.png';
            break;
        case 'saleem raza':
            $profile_img_filename = '3.png';
            break;
        case 'abdul raheem':
            $profile_img_filename = '5.png';
            break;
        default:
            // 如果没有匹配到特定用户，可以使用一个通用默认头像
            $profile_img_filename = 'default_user.png';
            break;
    }
    // 构建完整的头像路径
    $final_img_src = !empty($profile_img_filename) ? 'profile_pics/' . $profile_img_filename : $default_img_path;

} else {
    // 未登录或session中无用户名时显示默认头像
    $final_img_src = $default_img_path;
}

// 统一输出<img>标签
echo '<img src="' . htmlspecialchars($final_img_src) . '" alt="User Profile Picture" class="profile-pic-display"/>';
?>

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL UNIQUE,
    password_hash VARCHAR(255) NOT NULL,
    email VARCHAR(100) UNIQUE,
    profile_image_path VARCHAR(255) DEFAULT 'default_user.png', -- 存储头像文件名
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

<?php
session_start(); // 确保session已启动

// 假设这里已经完成了用户认证和数据库连接
// $conn 是你的数据库连接对象

if (/* 用户认证成功 */) {
    $username = $_POST['username']; // 假设从表单获取用户名

    // 从数据库查询用户信息，包括头像路径
    $stmt = $conn->prepare("SELECT id, username, profile_image_path FROM users WHERE username = ?");
    $stmt->bind_param("s", $username);
    $stmt->execute();
    $result = $stmt->get_result();
    $user = $result->fetch_assoc();

    if ($user) {
        $_SESSION['user_id'] = $user['id'];
        $_SESSION['username'] = $user['username'];
        // 将头像路径存储到session
        $_SESSION['user_profile_img'] = $user['profile_image_path']; 

        header("Location: dashboard.php"); // 跳转到仪表盘或个人中心
        exit();
    } else {
        // 登录失败处理
    }
}
?>

<div class="container">
    <h1>修改您的密码</h1>
    <div class="contact-form">
        <div class="profile-pic">
            <?php
            session_start(); // 确保session已启动

            $base_profile_dir = 'profile_pics/'; // 头像文件存放的基础目录
            $default_img_filename = 'default_user.png'; // 默认头像文件名

            $final_img_src = $base_profile_dir . $default_img_filename; // 初始为默认头像

            // 检查session中是否有用户头像路径
            if (isset($_SESSION['user_profile_img']) && !empty($_SESSION['user_profile_img'])) {
                $user_img_filename = $_SESSION['user_profile_img'];
                // 简单路径验证，防止路径穿越等问题
                if (basename($user_img_filename) === $user_img_filename && !str_contains($user_img_filename, '/') && !str_contains($user_img_filename, '\')) {
                    $final_img_src = $base_profile_dir . $user_img_filename;
                }
            }
            ?>
            <img src="<?php echo htmlspecialchars($final_img_src); ?>" alt="用户头像" class="profile-pic-display"/>
        </div>
        <div class="signin">
            <form action="process_change_password_form.php" method="POST">
                <!-- 密码修改表单内容 -->
                <input type="password" name="current_password" placeholder="当前密码" required>
                <input type="password" name="new_password" placeholder="新密码" required>
                <input type="password" name="confirm_new_password" placeholder="确认新密码" required>
                <input type="submit" value="修改密码" name="submit" />
            </form>
        </div>
    </div>
</div>