Как обновить капчу?

@alpex · Регистрация: 16.07.2012

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

Есть php файл который генерирует капчу при помощи gd, и есть форма в которой эта капча отображается.
Нужно что бы без перезагрузки нажимая на картину обновления менялась капча.
Ajax запрос вроде составил (может конечно и кривой

), но ответ от сервера приходит нормальный статус 200 но не могу понять как мне вставить этот ответ на место старой капчи?
здесь генерируется капча

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
$im = imageCreateFromJPEG ("../images/noise.jpg");
$black = imagecolorallocate($im, 64, 64, 64);
imageantialias($im, true);
$nChars = 5;
$randStr = substr(md5(uniqid()), 0, $nChars);
$_SESSION["randStr"] = $randStr;
$x = 20;
$y = 30;
$deltaX = 40;
for ($i=0; $i<strlen($randStr); $i++){
    $size = rand(18, 30);
    $angle = -30 + rand(0,60);
    imageTTFText($im, $size, $angle, $x, $y, $black, "../fonts/CrashC.ttf", 
        $randStr{$i});
    $x += $deltaX;
}
 
header("Content-type: image/jpeg");
imageJPEG($im);
?>

ну а вот форма

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
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function getXmlHttpRequest(){
    if (window.XMLHttpRequest){
        try{
            return new XMLHttpRequest();
        } catch (e){}
    } 
    else if (window.ActiveXObject){
        try{
            return new ActiveXObject('Msxml2.XMLHTTP');
        } catch (e){}
        try{
            return new ActiveXObject('Microsoft.XMLHTTP');
        } catch (e){}
    }
    return null;
}
function reload(){
    var capcha = document.getElementById('capcha');
    var capcha = capcha.getAttribute('src');
    var url = 'inc/capcha.php';
    var request = getXmlHttpRequest();
    request.open('POST', url, true );
    request.send(null);
    // Вот здесь не пойму что нужно прописать?
}
</script>
</head>
<body>
 
<form>
<fieldset>
<p><label>e-mail<input type="text"/></label></p>
<p><label>password<input type="password"/></label></p>
<p><img src="images/ico/reload.png" onclick="reload()"/>
<img id="capcha" src="inc/capcha.php" /></p>
<p><input type="text"  /></p>
<p><input type="submit" /></p>
</fieldset>
</form>
 
</body>
</html>

Vovan-VE · 06.10.2012, 07:36

JavaScript
1
2
3
function reload(){
    document.getElementById('capcha').src = '/inc/capcha.php?_=' + new Date().getTime();
}

@alpex · 06.10.2012, 08:27 **[ТС]**

Сообщение от Vovan-VE

JavaScript
1
2
3
function reload(){
    document.getElementById('capcha').src = '/inc/capcha.php?_=' + new Date().getTime();
}

так вообще картинка пропадает(

Добавлено через 31 минуту
путь поменял все работает спс)
и без ajax отлично получается

@Notortep · 06.10.2012, 08:28

alpex, это называется "горе от ума"

ajax-запрос здесь вообще не нужен

нужно просто заменить значение src тега <img> на новое
а так как файл, генерирующий изображение, имеет то же самое имя, то URL надо поменять, прибавив ему какую-то query_string

так что совет выше - он абсолютно верный
из вашего кода все строки от #6 до #30 удалите и вместо них пропишите три строки кода от Vovan-VE

Новые блоги и статьи Все статьи Все блоги /
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? 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% до. . .

@Notortep Заблокирован
	06.10.2012, 08:28
	alpex, это называется "горе от ума" ajax-запрос здесь вообще не нужен нужно просто заменить значение src тега <img> на новое а так как файл, генерирующий изображение, имеет то же самое имя, то URL надо поменять, прибавив ему какую-то query_string так что совет выше - он абсолютно верный из вашего кода все строки от #6 до #30 удалите и вместо них пропишите три строки кода от Vovan-VE 0