设置Basepath后，如何用PHP在HTML中显示根目录外的图片？

方案1：PHP代理脚本（最通用，无需修改服务器配置） #

因为私有图片目录不在Web可访问路径下，且basepath限制了前端路径解析，最稳妥的方式是用PHP做代理，由后端读取图片并输出给前端：

1. 在你的localhost/project/目录下新建get_profile_pic.php文件，内容如下：

<?php
// 安全过滤：仅保留文件名，防止路径遍历攻击
$pic_filename = isset($_GET['pic']) ? basename($_GET['pic']) : '';
if (empty($pic_filename)) {
    header("HTTP/1.1 404 Not Found");
    exit;
}

// 拼接图片真实物理路径
$root_parent = dirname($_SERVER['DOCUMENT_ROOT']);
$real_image_path = $root_parent . '/profilePics/' . $pic_filename;

// 检查文件合法性
if (!file_exists($real_image_path) || !is_file($real_image_path)) {
    header("HTTP/1.1 404 Not Found");
    exit;
}

// 设置正确MIME类型，让浏览器识别为图片
$mime_type = mime_content_type($real_image_path);
header("Content-Type: $mime_type");
// 输出图片内容
readfile($real_image_path);
exit;
?>

2. 前端调用时，用basepath指向这个代理脚本：

<img src="localhost/project/get_profile_pic.php?pic=<?php echo htmlspecialchars($retailerDetail['profilePic']); ?>" alt="商家头像">

注意：用htmlspecialchars转义文件名，避免XSS风险。

方案2：Apache别名配置（需服务器权限） #

如果你有权限修改LAMPP的Apache配置，可以给私有图片目录添加Web可访问的别名，绕开basepath限制：

1. 打开Apache主配置文件（通常是/opt/lampp/etc/httpd.conf）或对应虚拟主机配置文件，添加以下内容：

# 别名URL -> 真实物理路径，替换为你实际的profilePics路径
Alias /profile_pics "/var/www/profilePics"

# 配置目录权限
<Directory "/var/www/profilePics">
    Options FollowSymLinks
    AllowOverride None
    Require all granted
    # 若需访问控制，可添加AuthBasic等验证规则
</Directory>

提示：如果你的public_html路径是/var/www/html，同级的profilePics路径就是/var/www/profilePics，请根据实际情况调整。

2. 重启Apache服务（sudo /opt/lampp/lampp restart apache），前端直接用绝对路径访问图片：

<img src="/profile_pics/<?php echo htmlspecialchars($retailerDetail['profilePic']); ?>" alt="商家头像">

绝对路径不受basepath影响，浏览器会通过别名映射到真实目录。

为什么你之前的代码无效？ #

你之前的代码获取的是服务器端物理文件路径（比如/var/www/profilePics/xxx.jpg），但前端<img>的src需要的是可通过Web访问的URL，浏览器会把物理路径当成URL的一部分解析，自然找不到资源，这和basepath无关。

内容的提问来源于stack exchange，提问作者tejas