def verify_code(request):from PIL import Image, ImageDraw, ImageFont# 引入随机函数模块import random# 定义变量，用于画面的背景色、宽、高bgcolor = (random.randrange(40, 200), random.randrange(40, 200), 255)width = 200height = 40# 创建画面对象im = Image.new('RGB', (width, height), bgcolor)# 创建画笔对象draw = ImageDraw.Draw(im)# 调用画笔的point()函数绘制噪点for i in range(0, 100):xy = (random.randrange(0, width), random.randrange(0, height))fill = (random.randrange(0, 255), 255, random.randrange(0, 255))draw.point(xy, fill=fill)# 定义验证码的备选值str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0'# 随机选取4个值作为验证码rand_str = ''for i in range(0, 4):rand_str += str1[random.randrange(0, len(str1))]# 构造字体对象，一个默认的(字体太小)，一个LINUX下的，一个WINDOWS下的。23号可以了。# font = ImageFont.load_default().font# font = ImageFont.truetype('/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf', 23)font = ImageFont.truetype('C:\Windows\Fonts\Arial.ttf', 23)# 构造字体颜色fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255))# 绘制4个字，要注意间距draw.text((20, 10), rand_str[0], font=font, fill=fontcolor)draw.text((70, 10), rand_str[1], font=font, fill=fontcolor)draw.text((120, 10), rand_str[2], font=font, fill=fontcolor)draw.text((170, 10), rand_str[3], font=font, fill=fontcolor)# 释放画笔del draw# 存入session，用于做进一步验证request.session['verify_code'] = rand_str# 内存文件操作import iobuf = io.BytesIO()# 将图片保存在内存中，文件类型为pngim.save(buf, 'png')# 将内存中的图片数据返回给客户端，MIME类型为图片pngreturn HttpResponse(buf.getvalue(), 'image/png')

<div class="row cl"><label class="form-label col-xs-3"></label><div class="formControls col-xs-2"><input type="text" name="vc" placeholder="验证码" rows="1" class="input-text size-L" required id="id_vc"></div><div class="formControls col-xs-5"><img id='verify_code' src="{% url 'verify_code' %}?1" alt="CheckCode"/><span id='verify_codeChange'><i class="icon Hui-iconfont"></i></span></div></div>

<script type="text/javascript">$(function(){$('#verify_codeChange').css('cursor','pointer').click(function() {$('#verify_code').attr('src',$('#verify_code').attr('src')+1)});});
</script>

        if vc.upper() != request.session['verify_code']:error.append('验证码错误！')return render(request, "accounts/login.html", error)