Ajax reload captcha

104
14 июня 2019, 02:20

В файле captcha.php я создаю gif изображения с помощью библиотеки GD и вывожу его в форме для отправки комментария к статье.

<img class ="captcha_img" src="captcha.php" />

Как мне обновить изображение с помощью ajax запроса?

Answer 1

let captchaUpdate = document.querySelector(".captcha_update"), 
    captchaImg = document.querySelector(".captcha_img"); 
 
captchaUpdate.addEventListener('click', () => captchaImg.src = "captcha.php?r=" + Math.random()); 
 
 
/* Вывод результата в консоль */ 
 
captchaUpdate.addEventListener('click', () => console.log(captchaImg.src));
<img class ="captcha_img" src="captcha.php" /> 
<button class="captcha_update">Обновить</button>

Answer 2

При обычных настройках nginx / apache сработает и такое

<img class ="captcha_img" src="captcha.php" onclick="this.src = this.src"/>

При клике на изображение, капча перезагрузится

Answer 3

Я нашел для себя следующее решение... 

var unique = $.now();
$('.captcha_img').attr('src', 'captcha.php?' + unique); // перезагрузить капчу
READ ALSO
Выбор поля + php
PHP

Выбор поля + php

HTML:

 136
Загрузка gif на стену группы
PHP

Загрузка gif на стену группы

есть код который публикует фото на стене, как его переделать под публикацию документа?

 129
.htaccess RewriteCond
PHP

.htaccess RewriteCond

Это пропускает наmkv файл с пустым referer и site

 98
RAII для WinAPI с учетом 64-битной архитектуры Windows
c++

RAII для WinAPI с учетом 64-битной архитектуры Windows

Постепенно мигрирую с C на C++ и 32- на 64-битную WindowsПри написании программ с использованием WinAPI возник ряд вопросов, объединенных одной общей...

 139