当前位置: 代码网 > it编程>编程语言>Asp.net > Flask 验证码自动生成的实现示例

Flask 验证码自动生成的实现示例

2025年03月16日 Asp.net 我要评论
想必验证码大家都有所了解,但是可以自己定义图片验证码,包含数字,英文以及数字计算,自动生成验证码。生成图片以及结果from captcha.image import imagecaptcha from

想必验证码大家都有所了解,但是可以自己定义图片验证码,包含数字,英文以及数字计算,自动生成验证码。

生成图片以及结果

from captcha.image import imagecaptcha
 
from pil import image
from random import choices
 
 
def gen_captcha(content='2345689abcdefghijklmnpqrstuvwxyzabcdefghijklmnpqrstuvwxyz'):
    """
    生成验证码,可自定义,这里是生成验证码结果,以及验证码文件
    """
    image = imagecaptcha()
    # 获取字符串
    captcha_text = "".join(choices(content, k=4)).lower()
    # 生成图像
    captcha_image = image.open(image.generate(captcha_text))
    return captcha_text, captcha_image

得到生成的验证码,进行处理,响应到页面

处理验证码

from io import bytesio
from flask import  make_response,session
# 生成验证码
def get_captcha():
    code, image = gen_captcha() #得到验证码内容
    out = bytesio() # 操作二进制数据,实例化
    image.save(out, 'png') # 保存验证码图片
    out.seek(0)
    resp = make_response(out.read()) #将验证码图片的bytes制作成页面响应结果, 具体可查看make_response这个方法
    resp.content_type = 'image/png' # 告诉页面这个响应的类型
    return resp, code

制作响应路由,使用蓝图

蓝图

from flask import blueprint, session, redirect, url_for, render_template, request
passport_bp = blueprint('passport', __name__, url_prefix='/passport') # 生成蓝图passport_bp
 
# 获取验证码
@passport_bp.get('/getcaptcha')
def get_captcha():
    resp, code = index_curd.get_captcha()  #获取图片
    session["code"] = code # 验证码结果保存到session或者数据库中,这里保存在session
    return resp # 返回图片结果

html页面展示

html展示

"""
<img src="{{ url_for('passport.get_captcha') }}" class="codeimage" id="captchaimage"/>
"""
<script> # 使用的layui框架
    layui.use(['form', 'jquery', 'layer', 'button', 'popup'], function () {
        let form = layui.form;
        let $ = layui.jquery;
        let layer = layui.layer;
        let button = layui.button;
        let popup = layui.popup;
        let captchapath = "{{ url_for('passport.get_captcha') }}";
 
        $("#captchaimage").click(function () { # 点击切换
            document.getelementbyid("captchaimage").src = captchapath + "?" + math.random();
        });
        setinterval(function () { # 30秒自动切换
            document.getelementbyid("captchaimage").src = captchapath + "?" + math.random();
        }, 30 * 1000);
    })
</script>

在这里插入图片描述

到此这篇关于flask 验证码自动生成的实现示例的文章就介绍到这了,更多相关flask 验证码自动生成内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com