Django框架验证码用法实例分析

background = (10,20,30) // RGB颜色

image = Image.new(‘RGB',(100,50),background)

draw = ImageDraw.Draw(image)

font = ImageFont.truetype(‘path',size)fontcolor = (20,40,60)draw.text((x,y),'R',font,fontcolor)

# 删除画笔del draw#保存图片到BytesIO对象Import iobuf = io.BytesIO()image.save(buf,'png')#返回BytesIO中的内容return HttpResponse(buf.getvalue(),'image/png')

<form method="post" action="{% url 'sitesApp:login' %}">  {% csrf_token %}    <div class="login">      <div class="input-group">       <span class="input-group-addon" id="basic-addon1">用户名</span>       <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" name="uName">      </div>      <div class="input-group">       <span class="input-group-addon" id="basic-addon1">密    码</span>       <input type="text" class="form-control" placeholder="Password" aria-describedby="basic-addon1" name="uPswd">      </div>      <div class="input-group">       <span class="input-group-addon" id="basic-addon1">验证码</span>       <input type="text" class="form-control" placeholder="Auth code" aria-describedby="basic-addon1" name="uCode">      </div>      <div class="vcode">        <img src="/app/getvcode/" id="vcode">      </div>      <input type="submit" class="loginBtn" value="登 录"><br>    </div>  </form>  <script type="text/javascript">    $(function () {      $('#vcode').click(function () {        $(this).attr('src',"/app/getvcode"+Math.random())      })    })  </script>

'''生成并返回验证码'''def getvcode(request):  # 随机生成验证码  population = string.ascii_letters+string.digits  letterlist = random.sample(population,4)  vcode = ''.join(letterlist)  # 保存该用户的验证码  request.session['vcode']=vcode  # 绘制验证码  # 需要画布,长宽颜色  image = Image.new('RGB',(176,60),color=getRandomColor())  # 创建画布的画笔  draw = ImageDraw.Draw(image)  # 绘制文字，字体所在位置  path = os.path.join(BASE_DIR,'static','fonts','ADOBEARABIC-BOLDITALIC.OTF')  font = ImageFont.truetype(path,50)  for i in range(len(vcode)):    draw.text((20+40*i,0),vcode[i],fill=getRandomColor(),font=font)  # 添加噪声  for i in range(500):    position = (random.randint(0,176),random.randint(0,50))    draw.point(position,fill=getRandomColor())  # 返回验证码字节数据  # 创建字节容器  buffer = io.BytesIO()  # 将画布内容丢入容器  image.save(buffer,'png')  # 返回容器内的字节  return HttpResponse(buffer.getvalue(),'image/png')# 获取随机颜色def getRandomColor():  red = random.randint(0,255)  green = random.randint(0,255)  blue = random.randint(0,255)  return (red,green,blue)