[PHP/JavaScript]：如何刷新验证码？

Question

我以这种方式显示验证码：

<img src="ReturnCaptcha2.php" alt="CAPTCHA" width="100" height="50">

它附近有一个名为“重新加载”的超链接。我想在不刷新页面的情况下调用该 PHP 文件。可能AJAX也参与其中。请帮忙。

Answer 1

是否有一些带有时间戳或其他内容的参数，以便请求不会被缓存？为什么不将 src 替换为类似的东西（使用 jquery）

$("img#your-selector").attr("src","ReturnCaptcha2.php?_="+((new Date()).getTime()));

Answer 2

<a href="javascript:;" title="Reload Image" 
   onclick="document.getElementById('captcha').src = 'cimage.php?' + Math.random(); 
   return false">
   <img src="cimage.php" alt="Enter captcha" title="Enter captcha" id="captcha"/>
</a>

Answer 3

这是我与 Secureimage PHP Captcha 一起使用的代码。

<form method="POST">
<input type="hidden" name="PHPSESSID" value="0b21dde61d891cd" />
<img id="siimage" src="securimage_show.php?sid=2ef186788e" alt="CAPTCHA Image" width="126" height="36" /><br />
<input type="text" name="code" /><br />
<a href="#" onclick="document.getElementById('siimage').src = 'securimage_show.php?' + Math.random(); return false">Reload Image</a>
<input type="submit" value="Submit Form" />
</form>

Answer 4

为什么不使用 http://recaptcha.net/ 来省去这一切的麻烦呢？他们只会为您处理验证码。

以下是有关 PHP 和 recaptcha 的一些集成信息：
http://www.google.com/recaptcha/plugins/php

正如我提到的，它是集成到您的网络应用程序中一点也不困难。尝试一下！

Answer 5

也许是这样的：

function reloadCaptcha()
{
img = document.getElementById('captcha');
img.src = 'ReturnCaptcha2.php';
}

然后添加一个带有 onclick="reloadCaptcha();" 的按钮。

我还没有测试过它，而且我也不是 js 大师，所以不确定它是否有效。

Answer 6

另一种方法可以使用一点ajax..
在刷新按钮上执行以下操作：
onclick=javascript:reloadCaptcha();

在这个 reloadCaptcha 函数中，
调用您的 captcha.php 并更新保存您的验证码的 div
与返回值。
您可以轻松返回 html，然后将其嵌入到 div 中。

Answer 7

这是另一张。

它创建全局变量。检查是否存在。

function get_captcha(){
    //get original url refresh
    console.log('captcha requested.');
    if(typeof window.captcha_src === 'undefined'){
        window.captcha_src = document.getElementById('captcha').src;
    }
    document.getElementById('captcha').src = window.captcha_src + '&nocache=' + Math.random();
}

Answer 8

您甚至可以创建链接并在同一分区中重新加载验证码。如果不是问题的话。

输入图像文本

重新加载验证码


Answer 9

好吧，我用一个简单的技巧解决了这个问题；
不要将验证码放在 中，而是将其放在 中
时使用 javascript 重新加载它

并在您需要Javascript 重新加载

function reloadCaptcha()

{
document.getElementById('cap').src='captcha.php';
}

：实际 HTML:

;


它解决了我的问题，
如果我有什么地方错了请纠正我

Answer 10

@meme：
我用同样的东西，但是用jquery。如果你需要在一个页面中包含几个capthcas：

<img class="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image">
<a class="capcha-refresh" href="#" ><img src="/images/Refresh-icon.png"></a>

和js函数：

$('.capcha-refresh').click(function(a){
       $('.captcha').attr('src','/securimage/securimage_show.php?' + Math.random());
       a.preventDefault();
})