同时显示字符串和图像[重复]

Question

可能重复：
Headers already sent by PHP

echo "how";

$im = imagecreatetruecolor(120, 20);
$text_color = imagecolorallocate($im, 233, 14, 91);
imagestring($im, 1, 5, 5,  'A Simple Text String', $text_color);
header('Content-Type: image/jpeg');
imagejpeg($im);
imagedestroy($im);

我想同时显示字符串“how”和图像，但我不想将此图像保存在文件中。

上面的代码不起作用。如果我去掉 echo "how" 这行代码，它可以正常工作。那么如果我想同时显示字符串和图片怎么修改呢？

Answer 1

正如 Nile 已经指出的，您希望对图像使用 Data-URI。

使用您的代码的工作代码示例如下：

echo "how";

$im         = imagecreatetruecolor(120, 20);
$text_color = imagecolorallocate($im, 233, 14, 91);
$tmpImg     = tempnam('/tmp', 'image');

imagestring($im, 1, 5, 5,  'A Simple Text String', $text_color);
imagejpeg($im, $tmpImg);
imagedestroy($im);

echo '<img src="data:image/jpeg;base64,' . base64_encode(file_get_contents($tmpImg)) . '">';

unlink($tmpImg);

会发生什么？它或多或少是您使用的代码，但图像被写入临时文件而不是直接发送到浏览器 - 这是 imagejpeg 的第二个参数。 然后使用 Base64-Encoding 将临时文件的内容放入 Data-URI 中，然后将 DataUri 设置为 image-tag 的 src。

最后你会想要删除临时文件！

如果要省略临时文件，可以使用输出缓冲来捕获图像。这将如下所示：

echo 'how';

$im         = imagecreatetruecolor(120, 20);
$text_color = imagecolorallocate($im, 233, 14, 91);

imagestring($im, 1, 5, 5,  'A Simple Text String', $text_color);

ob_start();
imagejpeg($im);
imagedestroy($im);
$image = ob_get_contents();
ob_end_clean();

echo '<img src="data:image/jpeg;base64,' . base64_encode($image) . '">';