PHP HTML 使用输出缓冲区显示 img src - 以损坏的图像结束

Question

我正在尝试编写一个包含两个 png 图像的脚本，一个是水印，另一个是源图像。代码要做的是调用一个函数，该函数执行图像复制并将两个图像混合为一个，并显示在浏览器上。但是，我总是以损坏的图像结束。

我不想保存图像，我只想让浏览器显示带有水印的源图像。 我还检查了文件权限，该功能本身在单独时可以正常工作。使用 imagepng 显示正确的图像

下面是我的测试代码：

<?php
ob_start();
showimage();
$image = ob_get_contents();
$data = base64_encode($image);
ob_clean();

echo "<h1> hello </h1>";
echo "<img src='data:image/png;base64," . $data . "'/>";

function showimage() {
    $target_dir = "./uploads/";
    $src = imagecreatefrompng($target_dir.'watermark.png');
    $dest = imagecreatefrompng($target_dir.'greenblobburnt.png');

    imagealphablending($dest, true);
    imagealphablending($src, true);
    imagesavealpha($dest, true);
    imagesavealpha($src, true);
    imagecopy ($dest,$src, 5, imagesy($dest) - (imagesy($src)+5), 0, 0,imagesx($src),imagesy($src));
    imagealphablending($dest, true);
    imagesavealpha($dest, true);
    // Output and free from memory
    header('Content-Type: image/png');
    imagepng($dest);
    imagedestroy($dest);
    imagedestroy($src);
}
?>

Answer 1

您正在尝试将 html-with-image-inlined 与原始图像二进制文件混合在一起，并且由于该 header() 调用，您告诉浏览器“这是一个 png 图像”，而实际上它是 html+原始 png 二进制连接。然后浏览器尝试渲染这个混乱，png渲染器失败，你得到“损坏的图像”错误。

尝试摆脱 html 输出和输出缓冲区，也就是

echo "<h1> hello </h1>";
echo "<img src='data:image/png;base64," . $data . "'/>";

和

ob_start(); $image = ob_get_contents();ob_clean();

删除它。您仍然收到损坏的图像错误吗？