如何使用PHP在展示图片时修改浏览器标签页名称

直接结论 #

仅靠输出图片内容的PHP脚本，没法直接设置浏览器标签页的标题。因为当PHP输出图片（设置Content-Type: image/jpg这类头）时，浏览器会直接渲染图片文件，标签页标题是浏览器自行决定的——通常显示图片文件名、URL片段，或者默认的“图片”字样，没有对应的HTTP头能控制这个标题。

可行的解决办法 #

办法1：用PHP输出带图片的HTML页面 #

让PHP先输出完整的HTML页面，在页面的<title>标签里设置你想要的内容，再用<img>标签引用图片处理脚本（传递尺寸参数）。这样浏览器渲染的是HTML页面，标签页标题就完全由你控制了。

示例代码：

<?php
// 从GET参数获取尺寸，默认150x150
$newwidth = isset($_GET['w']) ? (int)$_GET['w'] : 150;
$newheight = isset($_GET['h']) ? (int)$_GET['h'] : 150;
$filename = "你的图片路径/文件名.png";
// 获取图片文件名作为标题的一部分
$imageTitle = pathinfo($filename, PATHINFO_FILENAME);

// 输出HTML页面
?>
<!DOCTYPE html>
<html>
<head>
    <title><?php echo htmlspecialchars($imageTitle); ?> - 尺寸：<?php echo $newwidth."x".$newheight; ?></title>
</head>
<body style="margin:0; padding:0;">
    <img src="image_processor.php?w=<?php echo $newwidth; ?>&h=<?php echo $newheight; ?>" alt="<?php echo htmlspecialchars($imageTitle); ?>">
</body>
</html>

单独创建image_processor.php处理图片缩放：

<?php
$filename = "你的图片路径/文件名.png";
$newwidth = isset($_GET['w']) ? (int)$_GET['w'] : 150;
$newheight = isset($_GET['h']) ? (int)$_GET['h'] : 150;

// 设置图片类型头
header('Content-Type: image/png');

// 获取原图尺寸
list($width, $height) = getimagesize($filename);
        
// 创建缩略图和加载原图
$thumb = imagecreatetruecolor($newwidth, $newheight);
$source = imagecreatefrompng($filename);

// 缩放图片
imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
        
// 输出图片并释放资源
imagepng($thumb);
imagedestroy($thumb);
imagedestroy($source);
?>

办法2：用单个PHP文件处理两种请求 #

如果不想拆分文件，可以在一个PHP里判断请求类型：如果是请求图片（比如带img=1参数）就输出图片，否则输出带<title>的HTML页面。

示例代码：

<?php
$filename = "你的图片路径/文件名.png";
$newwidth = isset($_GET['w']) ? (int)$_GET['w'] : 150;
$newheight = isset($_GET['h']) ? (int)$_GET['h'] : 150;
$imageTitle = pathinfo($filename, PATHINFO_FILENAME);

// 检查是否是请求图片的接口
if(isset($_GET['img'])){
    // 输出图片内容
    header('Content-Type: image/png');
    list($width, $height) = getimagesize($filename);
    $thumb = imagecreatetruecolor($newwidth, $newheight);
    $source = imagecreatefrompng($filename);
    imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
    imagepng($thumb);
    // 释放资源避免内存泄漏
    imagedestroy($thumb);
    imagedestroy($source);
    exit;
}

// 默认输出HTML页面
?>
<!DOCTYPE html>
<html>
<head>
    <title><?php echo htmlspecialchars($imageTitle); ?> - <?php echo $newwidth."x".$newheight; ?></title>
</head>
<body style="margin:0; padding:0;">
    <img src="<?php echo $_SERVER['PHP_SELF']."?w=".$newwidth."&h=".$newheight."&img=1"; ?>" alt="<?php echo htmlspecialchars($imageTitle); ?>">
</body>
</html>

注意事项 #

• 要对GET参数做合法性校验，比如限制尺寸最大值，防止恶意请求占用服务器资源。
• 用htmlspecialchars()转义标题内容，避免XSS攻击。

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