[已解决]验证码刷新问题

tengke

<form method="post">
    {% csrf_token %}
    <div>
        <label>验证码：</label>
        <input type="text" name="captcha" value="">
        <img id="captcha_img" src="/yzm" alt="captcha">
        <a href="#" id="refresh_captcha">换一张 看不清</a>
    </div>
    <input type="submit" value="登陆">
</form>

————————————————————————————————————————————

对应验证码显示代码
def yzm(request):
    img,code_staing = check_code()
    print(code_staing)

    stream = BytesIO()
    img.save(stream, 'png')
    stream.getvalue()
    return  HttpResponse(stream.getvalue())

求求大佬看一下  这个换一个验证码需要怎么操作

最佳答案

月排行榜 / 总排行榜

isdkz

2023-6-14 11:54:52

要实现换一个验证码的功能，可以通过以下步骤进行操作：

1. 首先，在HTML代码中，给换一张链接绑定一个点击事件，并设置一个唯一的 id 属性。例如，将 <a> 标签改为如下形式：

<a href="#" id="refresh_captcha">换一张 看不清</a>

2. 接下来，在JavaScript代码中，通过 getElementById 方法获取该链接的DOM对象，并给它绑定一个点击事件处理函数。可以通过使用 addEventListener 来实现事件绑定。具体代码如下：

document.getElementById("refresh_captcha").addEventListener("click", function() {
    var captchaImg = document.getElementById("captcha_img");
    captchaImg.src = "/yzm?" + new Date().getTime();
});

这段代码的作用是在点击换一张链接时，修改验证码图片的 src 属性，加上一个随机的查询参数，以确保每次图片请求都是一个新的链接。这样就会重新加载验证码图片。

以上就是实现换一个验证码的操作方法。

跳转到最佳答案楼层

isdkz

要实现换一个验证码的功能，可以通过以下步骤进行操作：

1. 首先，在HTML代码中，给换一张链接绑定一个点击事件，并设置一个唯一的 id 属性。例如，将 <a> 标签改为如下形式：

<a href="#" id="refresh_captcha">换一张 看不清</a>

2. 接下来，在JavaScript代码中，通过 getElementById 方法获取该链接的DOM对象，并给它绑定一个点击事件处理函数。可以通过使用 addEventListener 来实现事件绑定。具体代码如下：

document.getElementById("refresh_captcha").addEventListener("click", function() {
    var captchaImg = document.getElementById("captcha_img");
    captchaImg.src = "/yzm?" + new Date().getTime();
});

这段代码的作用是在点击换一张链接时，修改验证码图片的 src 属性，加上一个随机的查询参数，以确保每次图片请求都是一个新的链接。这样就会重新加载验证码图片。

以上就是实现换一个验证码的操作方法。

tengke

isdkz 发表于 2023-6-14 12:03
要实现换一个验证码的功能，可以通过以下步骤进行操作：

1. 首先，在HTML代码中，给换一张链接绑定一个 ...

，在JavaScript代码中，通过 getElementById

这个是那个文件呢 ？？求指点

isdkz

tengke 发表于 2023-6-14 12:12
，在JavaScript代码中，通过 getElementById

这个是那个文件呢 ？？求指点

这个放在你的模板引入的js文件那里呀，或者放在你的模板的 script 标签里面也行