如何实现点击PNG文件名超链接后显示对应图片？附问题代码

你的代码存在多个关键问题导致图片无法显示，以下是逐条修复：

1. 链接生成逻辑错误 #

原代码生成的<a>标签不完整，且传递的file参数是文件夹路径而非文件名，导致后续无法定位图片。修改循环内的输出逻辑：

$dir = '/var/www/info';
$filearray = array('png');
$dir_info = scandir($dir);
// 先输出表格结构（如果需要表格展示）
echo '<table>';
foreach ($dir_info as $file) {
    $file_parts = explode('.', $file);
    $file_type = strtolower(end($file_parts));
    // 跳过目录和非目标格式文件
    if ($file !== '.' && $file !== '..' && in_array($file_type, $filearray)) {
        // 传递文件名而非完整路径，并用urlencode处理特殊字符
        echo '<tr><td><a href="' . $_SERVER["PHP_SELF"] . '?file=' . urlencode($file) . '">' . $file . '</a></td></tr>';
    }
}
echo '</table>';

2. 图片输出的Header冲突与路径错误 #

首次访问页面（无file参数）时，代码会直接输出图片Header，但前面已经输出了HTML内容（表格、链接），这会导致Header发送失败。同时原代码拼接图片路径时会出现重复目录，需调整：

if (isset($_GET['file'])) {
    $name = $_GET['file'];
    // 安全过滤：防止路径遍历攻击，仅保留文件名
    $name = basename($name);
    $file = $dir . '/' . $name;
    
    // 校验文件是否存在且为目标格式
    $file_parts = explode('.', $name);
    $convert = strtolower(end($file_parts));
    $mimes = array('png' => 'image/png');
    
    if (file_exists($file) && isset($mimes[$convert])) {
        // 清除缓存输出，确保Header能正常发送
        ob_clean();
        header('Content-Type: ' . $mimes[$convert]);
        header('Content-Disposition: inline; filename="' . $name . '"');
        readfile($file);
        exit; // 输出图片后终止脚本，避免后续内容干扰
    } else {
        echo '<p>图片不存在或格式不支持</p>';
    }
}

3. 完整修复代码 #

<?php
$dir = '/var/www/info';
$filearray = array('png');
$dir_info = scandir($dir);

// 生成图片列表
echo '<table>';
foreach ($dir_info as $file) {
    $file_parts = explode('.', $file);
    $file_type = strtolower(end($file_parts));
    if ($file !== '.' && $file !== '..' && in_array($file_type, $filearray)) {
        echo '<tr><td><a href="' . $_SERVER["PHP_SELF"] . '?file=' . urlencode($file) . '">' . $file . '</a></td></tr>';
    }
}
echo '</table>';

// 处理图片请求
if (isset($_GET['file'])) {
    $name = $_GET['file'];
    $name = basename($name); // 安全过滤文件名
    $file = $dir . '/' . $name;
    
    $file_parts = explode('.', $name);
    $convert = strtolower(end($file_parts));
    $mimes = array('png' => 'image/png');
    
    if (file_exists($file) && isset($mimes[$convert])) {
        ob_clean();
        header('Content-Type: ' . $mimes[$convert]);
        header('Content-Disposition: inline; filename="' . $name . '"');
        readfile($file);
        exit;
    } else {
        echo '<p>图片不存在或格式错误</p>';
    }
}
?>

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