Не передается header("Content-type: image/png");

@dolte · Регистрация: 04.02.2013

Author24 — интернет-сервис помощи студентам

Если выполнять скрипт простым <form action="..." method="post">
То всё работает и на новой странице появляется картинка.

Если же это выполнять ajax'ом, то на страницу выведет

�PNG IHDR�21�M�IDATx��ѱ �0��j�5.�� V�I.=ig��w�Zg��{f��7�K�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓0O�< �$̓�{[\��dIEND�B`�

Вот код php

PHP

$text_online = $_REQUEST["text_online"];
$text_offline = $_REQUEST["text_offline"];
$ip="127.0.0.1";
$f="font/verdana.ttf";
$port=" "; 
$soket = @fsockopen($ip, $port, $errno, $errstr, 1);
if($soket >= 1){ 
$text = $text_online;
$color="0x00ff00";
} else { 
$text = $text_offline;
$color="0xff0033"; }
$img = imagecreatefrompng("image/2.png");
$c = imagettfbbox(15 , 0, $f, $text);
$w = $c[2] - $c[0]; 
$h = $c[1] - $c[7];
$X = (150 - $w-10) / 2;
$Y = (50 + $h-0) / 2;
imagettftext($img, 15, 0, $X, $Y, $color,$f , $text);
imagepng($img);
imagedestroy($img);
header("Content-type: image/png");

вот форма:

HTML5

<!doctype html>
<head>
<title>Тест</title>
<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>
<script>
$(document).ready(function(){ 
    $('.go_result').click(function(){ 
        var clkid = this.id; 
            $.ajax({ 
                type: "POST",
                url: "switch.php",
                data: "id="+clkid,
                success: function(html){ 
                    $("#result").html(html);
                }
            });
        return false; 
    });
});
</script>
</head>
<body>
<form>
    <label for="text_on_img" >Текст статуса онлайн:</label><br/>
    <input type="text" name="text_online" size="40"/>
    <br/><br/>
    <label for="text_on_img" >Текст статуса оффлайн:</label><br/>
    <input type="text" name="text_offline" size="40"/>
    <br/><br/>
    <input type="submit" class="go_result" value="Запилить статусчег"/>
</form>
<br/><br/>
<div id ="result">Здесь будет находиться результат выполнения php-сценария </div >
</body>
</html>

@TAB · 17.10.2013, 14:02

PHP

// ..
ob_start();
 
imagepng($img);
imagedestroy($img);
 
$content = base64_encode(ob_get_clean());
 
header('Content-Type: image/png');
echo $content;

Javascript

$(document).ready(function(){ 
    $('.go_result').click(function(){ 
        //var clkid = this.id; 
        $.ajax({ 
            type: "POST",
            url: "switch.php",
            //data: "id="+clkid,
            success: function(data, status, xhr) {
                $("#result").html('<img src="data:' + xhr.getResponseHeader('Content-Type') + ';base64,' + data + '">');
            }
        });
        return false; 
    });
})

@dolte · 17.10.2013, 14:52 **[ТС]**

TAB, а почему из инпутов ничего не передается ?

Добавлено через 6 минут
И в итоге всё равно не то вышло.
Изначально у меня скрипт проверяет ip адрес на доступность.
Если он доступен, то на картинке один текст, если не доступен то другой.

обычной формой передавать, то всё ок. А аяксом в результате получается статичное изображение.

@TAB · 17.10.2013, 15:02

Javascript

$(document).ready(function() {
    $('.go_result').click(function() {
        $.ajax({
            type: "POST",
            url: "switch.php",
            data: {
                text_online: $('form input[name=text_online]').val(),
                text_offline: $('form input[name=text_offline]').val()
            },
            success: function(data, status, xhr) {
                $("#result").html('<img src="data:' + xhr.getResponseHeader('Content-Type') + ';base64,' + data + '">');
            }
        });
        return false; 
    });
});

@dolte Человек 330 / 204 / 63 Регистрация: 04.02.2013 Сообщений: 1,220
	17.10.2013, 14:52 [ТС]	3
	TAB, а почему из инпутов ничего не передается ? Добавлено через 6 минут И в итоге всё равно не то вышло. Изначально у меня скрипт проверяет ip адрес на доступность. Если он доступен, то на картинке один текст, если не доступен то другой. обычной формой передавать, то всё ок. А аяксом в результате получается статичное изображение. 0

	17.10.2013, 15:02