Django做验证码登录

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

验证码

关注公众号“轻松学编程”了解更多。

1、作用

在用户登录，注册以及一些敏感操作的时候，我们为了防止服务器被暴力请求，或爬虫爬取，我们可以使用验证码进行过滤，减轻服务器的压力。
验证码需要使用绘图 Pillow
- pip3 install Pillow
- 核心API
  - Image
    - 需要模式
    - 尺寸
    - 背景色
  - ImageDraw
    - 绑定画布
    - 模式
    - 封装了绘制的API
      - text
      - point
      - line
      - arch
  - ImageFont
    - 手动指定字体

2、业务流程

绘制验证码图片
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 io buf = io.BytesIO() image.save(buf,’png’)#返回BytesIO中的内容 return HttpResponse(buf.getvalue(),’image/png’)

3、代码范例

html页面

<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>

views视图

''' 生成并返回验证码 ''' 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)