同时显示字符串和图像

Question

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 编码将临时文件的内容放入 Data-URI 中，然后将该 DataUri 设置为图像标签的 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) . '">';