flask---》验证码生成

0.准备一个字体文件

百度网盘 请输入提取码百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固，支持教育网加速，支持手机端。注册使用百度网盘即可享受免费存储空间https://pan.baidu.com/s/1FRSdn23s_ADD3mLMjaxdVg%C2%A0密码：1211

1.安装模块

pip3 install pillow -i https://pypi.douban.com/simple/

view

from flask import Blueprint, render_template, request, session
from utils.image_code import check_code
from io import BytesIO


@user_bp.route('image_code', methods=['get', 'post'])
def image_code():
    image_object, code = check_code()

    session['image_code'] = code

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

utils---》 image_code.py

这里需要一个字体文件，放在根目录下

#!/usr/bin/env python
# -*- coding:utf-8 -*-
from PIL import Image, ImageDraw, ImageFont, ImageFilter
import random


# Monaco.ttf 字体文件 放在根目录下，没有会报错
def check_code(width=120, height=30, char_length=5, font_file='Monaco.ttf', font_size=28):
    code = []
    img = Image.new(mode='RGB', size=(width, height), color=(255, 255, 255))
    draw = ImageDraw.Draw(img, mode='RGB')

    def rndChar():
        """
        生成随机字母
        :return:
        """
        return chr(random.randint(65, 90))

    def rndColor():
        """
        生成随机颜色
        :return:
        """
        return (random.randint(0, 255), random.randint(10, 255), random.randint(64, 255))

    # 写文字
    font = ImageFont.truetype(font_file, font_size)
    for i in range(char_length):
        char = rndChar()
        code.append(char)
        h = random.randint(0, 4)
        draw.text([i * width / char_length, h], char, font=font, fill=rndColor())

    # 写干扰点
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())

    # 写干扰圆圈
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())
        x = random.randint(0, width)
        y = random.randint(0, height)
        draw.arc((x, y, x + 4, y + 4), 0, 90, fill=rndColor())

    # 画干扰线
    for i in range(5):
        x1 = random.randint(0, width)
        y1 = random.randint(0, height)
        x2 = random.randint(0, width)
        y2 = random.randint(0, height)

        draw.line((x1, y1, x2, y2), fill=rndColor())

    img = img.filter(ImageFilter.EDGE_ENHANCE_MORE)
    return img, ''.join(code)


if __name__ == '__main__':
    image_object, code = check_code()

    # 把图片写入文件
    """
    with open('code.png', 'wb') as f:
        image_object.save(f, format='png')
    """

    # 把图片的内容写到内存 stream
    """
    from io import BytesIO
    stream = BytesIO()
    image_object.save(stream, 'png')
    stream.getvalue()
    """

html

<div class="col-xs-5">
<img src="{% url 'image_code' %}" alt="" id="clickImg">
</div>

点击切换

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
        // 点击验证码刷新
        $(function () {
            clickImgBtn();
        })
 
        function clickImgBtn() {
            $('#clickImg').click(function () {
                var oldSrc = $(this).attr('src')
                $(this).attr('src', oldSrc + '?')
            })
        }
    </script>