Не передается 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; 
    });
});

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

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