PHP HTML image output

Question

В PHP manual для base64_encode() Я видел следующий скрипт для вывода изображения.

<?php 

$imgfile = "test.gif"; 

$handle = fopen($filename, "r"); 

$imgbinary = fread(fopen($imgfile, "r"), filesize($imgfile)); 

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

?> 

Но как может вы выводите изображение создается динамически с GD?

Я попытался это:

$im = imagecreatetruecolor(400, 400); 

imagefilledrectangle($im, 0, 0, 200, 200, 0xFF0000); 
imagefilledrectangle($im, 200, 0, 400, 200, 0x0000FF); 
imagefilledrectangle($im, 0, 200, 200, 400, 0xFFFF00); 
imagefilledrectangle($im, 200, 200, 400, 400, 0x00FF00); 

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

Почему не работает?

Работает в IE, но не Firefox. Как я могу сделать это кросс-браузер?

Answer 1

Хорошо, извините, я думал слишком быстро :)

imagepng() воли выходного потока сырых данных непосредственно в браузер, так что вы должны использовать ob_start() и другая буферизация вывода ручку для его получения.

Здесь вы:

ob_start(); 
imagepng($yourGdImageHandle); 
$output = ob_get_contents(); 
ob_end_clean(); 

То есть - вам нужно использовать $output переменную для вас base64_encode() функции.

Answer 2

Скорее всего потому, что схема URI data: чрезвычайно ограничена и полезна, если нет абсолютно никакого способа обойти ее.

В Internet Explorer, например, это не работает вообще до IE 8; и там есть global 32 kilobyte limitation для данных: URI.

Answer 3

Сначала вы должны сохранить свое изображение как PNG, а затем прочитать его, чтобы получить его содержимое в качестве значения.

http://www.php.net/manual/en/function.imagepng.php

imagepng() не возвращает файл PNG. Он выводит его непосредственно в браузер, а затем возвращает логическое значение успеха или неудачи.

(from php.net :) PHP внутренне работает с временным файлом при отправке изображения в браузер, так что вы ничего не получите, дважды позвонив по imagepng().

Answer 4

Потому что imagepng выдает bool или поток изображения непосредственно на выход.
Итак, для того, чтобы получить данные изображения, вы должны использовать буферы вывода, как это:

ob_start(); 
imagepng($im); 
$image = ob_get_contents(); 
ob_end_clean(); 
echo '<img src="data:image/png;base64,'.base64_encode($image).'" />';