图片验证码

from PIL import Image,ImageDraw,ImageFont
from io import BytesIO
import random


# RGB颜色随机数
def get_random():
    return random.randint(0,255), random.randint(0,255), random.randint(0,255)


# 图片验证码生成
def get_code(request):
    # 产生一个图片对象    类型     长宽      颜色参数
    img_obj = Image.new('RGB', (390, 35), get_random())
    img_draw = ImageDraw.Draw(img_obj)	# 产生一个画笔对象
    # 图片书写字体样式					字体文件路径	 字体大小
    img_font = ImageFont.truetype('static/font/111.ttf', 30)
    
    code = ''
    # 生成一个5位数的验证码 包含数字 大写字母 小写字母
    for i in range(5):
        random_int = str(random.randint(0,9))
        random_upper = chr(random.randint(65,90))	# A-Z:65-90 
        random_lower = chr(random.randint(97,122))	# a-z:97-122
        tmp = random.choice([random_int,random_upper,random_lower])
        # 在图片上写文字 文字坐标  文字内容  文字颜色   文字字体
        img_draw.text((i*60*60), tmp, get_random(), img_font)
        code += tmp
    request.session['code'] = code
    io_obj = BytesIO()	# 生成一个内存管理器对象 你可以看成文件句柄
    img_obj.save(io_obj, 'png')
    return HttpResponse(io_obj.getvalue())  # 从内存管理器中读取二进制的图片数据返回给前端

前端实现#

<img src="/get_code/" alt="" width="390" height="35" id="id_img">  src写成url get_code是你自己定义的url

每次点击图片 src后面都加个? 可以让验证码实现自动更换并且局部刷新
<script>
    $('#id_img').click(function () {
        let oldSrc = $(this).attr('src');
        $(this).attr('src', oldSrc += '?')
    })
</script>