本文介绍如何通过 PHP 一行内联输出，将 MySQL 中存储的图片文件名（如 photo.jpg）动态插入到 HTML header 的 background-image CSS 属性中，实现背景图按数据库内容实时切换。
本文介绍如何通过 php 一行内联输出，将 mysql 中存储的图片文件名（如 `photo.jpg`）动态插入到 html header 的 `background-image` css 属性中，实现背景图按数据库内容实时切换。
在实际开发中，若已将图片文件名（非二进制数据，而是相对路径字符串，如 photo.jpg）安全存入 MySQL 表字段（例如 image 或 photo_name），且已通过 mysqli_fetch_assoc()（注意：mysql_* 函数已废弃并移除，请勿使用）成功获取数据到 $row 数组，即可直接在 HTML 标签内嵌入 PHP 输出，动态替换背景图路径。
✅ 正确示例（推荐使用 mysqli）：
<!-- 假设 $row = mysqli_fetch_assoc($result); 且 $row['image'] 值为 'summer.jpg' -->
<header class="masthead" style="background-image: url('assets/img/<?php echo htmlspecialchars($row['image'], ENT_QUOTES, 'UTF-8'); ?>')">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="site-heading">
<h1><?php echo htmlspecialchars($row['title']); ?></h1>
</div>
</div>
</div>
</div>
</header>⚠️ 关键注意事项：
- 安全性优先：务必使用 htmlspecialchars() 对输出内容进行转义，防止 XSS 攻击（尤其当图片名可能含特殊字符或用户输入时）；
- 路径校验：确保数据库中存储的是合法文件名（建议后端入库前校验格式，如仅允许 .jpg, .png, .webp），且对应文件真实存在于 assets/img/ 目录下；
- 弃用旧函数：mysql_fetch_assoc() 已自 PHP 7.0 起完全移除，请改用 mysqli_fetch_assoc() 或 PDO；
-
空值处理（增强健壮性）：
<?php $bgImage = !empty($row['image']) ? htmlspecialchars($row['image'], ENT_QUOTES, 'UTF-8') : 'default-bg.jpg'; ?> <header class="masthead" style="background-image: url('assets/img/<?php echo $bgImage; ?>')">
总结：最简方案即在 style 属性中内联 <?php echo ... ?>，但必须同步落实安全转义与路径可靠性保障——简洁不等于简陋，生产环境中的每一行动态输出都应兼顾功能、安全与可维护性。
