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

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

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

Если выполнять скрипт простым <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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!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
1
2
3
4
5
6
7
8
9
10
// ..
ob_start();
 
imagepng($img);
imagedestroy($img);
 
$content = base64_encode(ob_get_clean());
 
header('Content-Type: image/png');
echo $content;

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(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; 
    });
});

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

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