如何在HTML中展示PHP生成的图片而无需保存为本地文件

方案1：将图片转Base64内嵌到HTML中 #

适合小尺寸图片使用，完全不需要保存本地文件，直接把生成的图片内容转成base64字符串嵌入img标签即可。
你原来的代码存在逻辑错误：先设置了Content-Type: image/png输出图片二进制流，后续输出的HTML会被浏览器判定为图片无效内容无法解析，修改后的代码如下：

<?php
$image = imagecreatetruecolor(100, 100);
$white = imagecolorallocate($image,255,255,255);
$black = imagecolorallocate($image,0,0,0);
imagefill($image,0,0,$white);
imagestring($image, 5, 31, 50, 'text', $black );

// 用输出缓冲区捕获imagepng生成的图片二进制内容
ob_start();
imagepng($image);
$imageContent = ob_get_clean();
imagedestroy($image); // 释放GD资源

// 转成Data URI格式
$imageBase64 = base64_encode($imageContent);
$imageSrc = "data:image/png;base64,{$imageBase64}";
?>

<!DOCTYPE html>
<html>
<body>
<div>
  <img src="<?php echo $imageSrc; ?>" alt="生成的文字图片">
</div>
</body>
</html>

注意：不要额外添加图片类型的Header头，当前页面输出内容为HTML，默认的text/html类型即可。

方案2：拆分两个PHP文件 #

如果图片尺寸较大，或者需要复用图片生成逻辑，可以拆分为两个文件，不需要存储本地文件：

1. 新建generate_image.php专门负责输出图片：

<?php
$image = imagecreatetruecolor(100, 100);
$white = imagecolorallocate($image,255,255,255);
$black = imagecolorallocate($image,0,0,0);
imagefill($image,0,0,$white);
imagestring($image, 5, 31, 50, 'text', $black );
header('Content-Type: image/png');
imagepng($image);
imagedestroy($image);
?>

2. 页面文件中直接引用该PHP地址作为图片源：

<!DOCTYPE html>
<html>
<body>
<div>
  <img src="generate_image.php" alt="生成的文字图片">
</div>
</body>
</html>

该方案没有base64导致的页面体积膨胀问题，也支持浏览器缓存规则配置。

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