django网页图片验证码功能

在一个正常的登录系统中，验证码是非常重要的，用于识别人机，毕竟我们都知道，这个世界中存在着万恶的爬虫，验证码有很多种方式，有图片的，有邮件的，有短信的，有拼图的，不管什么样的验证码，目的都是验证访问用户到底是人还是机器，要对机器say no，接下来我们要实践一个图片性的验证码。

 

首先　，先定义路由　urls.py下

url(r'^verify/(\d+)/(\d+)/$',views.verify),

 

 

1:

我们就要开始构造验证码函数了，也就是返回一张验证码图片的函数，怎么建呢？我们又没有验证码图片在？没有就直接画出来呗，python拥有一个库pillow专门用于画图的，

安装命令pip install pillow

 

• 使用pillow画图，第一步就是创建一张画布，有了画布我们才可以在上面画画对不，创建画布代码如下

  # 创建画布需要导入`Image`包
   from PIL import Image
   # 用到了`Image`的`new`函数
   # 第一个参数是颜色通道，这里使用了RGB通道，还有其他的一些通道，如CMYK之类的，但不用管
   # 第二个参数是由宽高组成的元组，数字
   # 第三个参数是图片的背景色，这里用rgb的颜色显示，例如( 255, 255, 255)，注意这是元组
   img = Image.new('RGB', (width, height), bgColor)

   

• 有了画布，但我们用什么来画图，（难道是。。。画笔？），废话，当然是，来，给你支画笔

   # 创建画笔需要导入`ImageDraw`包
   from PIL import ImageDraw
   # 用到了`ImageDraw`的`Draw`函数
   # 有且只有一个参数，就是之前创建的画布
   draw = ImageDraw.Draw(img)

   

• 有了画布和画笔，但验证码中是有字的，难道我们真的要像现实一样一笔一划滴写字么，而且用电脑写好难看啊，其实pillow还可以导入电脑的字体，你不用再想些乱七八糟的东西了

  # 导入字体需要导入`ImageFont`包
   from PIL import ImageFont
   # 用到了`ImageFont`的`truetype`函数，可以自动查询电脑中的字体
   # 第一个参数是字体名字
   # 第二个参数是字体大小
   # 注意这个是windows系统下默认的字体，其他系统自己找
   font = ImageFont.truetype('arial.ttf', size)

   

• 好了准备工作都差不多了，开始画东西吧，首先得要有字

   # 写字需要使用`draw`的`text`方法
   # 第一个参数是一个坐标轴元组，分别是距离左边和上边的距离
   # 第二个参数是要写的字（字符串）
   # 后面的两个参数分别是字体和字体颜色
   draw.text((x, y), text, font=font, fill=textColor)

   

• 还有可能要一些干扰元素，例如线条

   # 画线条需要使用`draw`的`line`方法
   # 第一个参数是包含了两个坐标的元组，分别是线条一头一尾的坐标
   # 后面的参数是线条的颜色
   draw.line((x1, y1, x2, y2), fill=lineColor)

 

好了开始写接口函数

from PIL import Image,ImageDraw,ImageFont #
from random import randint

def verify(request,width,height):
    wordsCount = 4 #验证码的长度
    width = int(width) #图片宽度
    height = int(height) #图片高度
    size = int(min(width/wordsCount,height)/1.5) #字体大小设置
    bgColor = (randint(200,255),randint(200,255),randint(200,255)) #随机背景色
    img = Image.new('RGB', (width, height),bgColor)  # 构建画布
    font = ImageFont.truetype('Arial.ttf',size)#导入字体
    draw = ImageDraw.Draw(img)  # 生成画笔

 

接下来我们要返回生成的图片

python有个内置模块StringIO，可以将图片缓存到内存里面，读取后就清空内存

例子

 # 导入StringIO模块
 from StringIO import StringIO
 # 建立一个缓存对象
 mstream = StringIO()
 # 将图片保存到内存中
 img.save(mstream, 'jpeg')
 # 返回内存中的图片
 return HttpResponse(mstream.getvalue(), 'image/jpeg')

 

定一个验证码的规则:

• 规则一：均匀绘画字符，居中
• 规则二：字符颜色要比较深
• 规则三：要有线条雪花等干扰元素
• 规则四：一切能随机的都随机

 

开始画

• 首先要确定用什么字符，数字＋大小写字母

   text = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'

   

• 其次要确定文字的位置

   left = width * i / num + (width / 4 - size) / 2# i为第几个文字
   top = (height - size) / 2

   

• 还要确定文字的颜色，要随机的颜色，颜色要比较深

   textColor = (randint(0, 160), randint(0, 160), randint(0, 160))

   

• 合并

  text = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
   for i in range(wordsCount):
       textColor = (randint(0, 160), randint(0, 160), randint(0, 160))
       left = width * i / wordsCount + (width / 4 - size) / 2
       top = (height - size) / 2
       draw.text((left, top), text[randint(0, len(text) - 1)], font=font, fill=textColor)

   

  再画雪花
• 字体颜色

  
   textColor = (255, 255, 255)

   

• 位置：随机

   left = randint(0, width)
   top = randint(0, height)

   

• 合起来：

   for i in range(30):
       textColor = (255, 255, 255)
       left = randint(0, width)
       top = randint(0, height)
       draw.text((left, top), '*', font=font, fill=textColor)

   

最后画线条

• 位置：头尾都随机

  line = (randint(0, width), randint(0, height), randint(0, width), randint(0, height))

   

• 颜色随机

  linecolor = (randint(0, 160), randint(0, 160), randint(0, 160))

   

• 合并:

   for i in range(5):
       linecolor = (randint(0, 160), randint(0, 160), randint(0, 160))
       line = (randint(0, width), randint(0, height), randint(0, width), randint(0, height))
       draw.line(line, fill=linecolor)

   

 

所有步骤合起来

# -*- coding:utf-8 -*-
 import sys
 reload(sys)
 sys.setdefaultencoding('utf-8')
 from django.http import HttpResponse
 from PIL import Image, ImageFont, ImageDraw
 from StringIO import StringIO
 from random import randint
 def verify(request, width, height):
     wordsCount = 4
     width = int(width)
     height = int(height)
     size = int(min(width / wordsCount, height) / 1.3)
     bgColor = (randint(200, 255), randint(200, 255), randint(200, 255))
     img = Image.new('RGB', (width, height), bgColor)
     font = ImageFont.truetype('arial.ttf', size)
     draw = ImageDraw.Draw(img)
     text = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
     for i in range(wordsCount):
         textColor = (randint(0, 160), randint(0, 160), randint(0, 160))
         left = width * i / wordsCount + (width / 4 - size) / 2
         top = (height - size) / 2
         draw.text((left, top), text[randint(0, len(text) - 1)], font=font, fill=textColor)
     for i in range(30):
         textColor = (255, 255, 255)
         left = randint(0, width)
         top = randint(0, height)
         draw.text((left, top), '*', font=font, fill=textColor)
     for i in range(5):
         linecolor = (randint(0, 160), randint(0, 160), randint(0, 160))
         line = (randint(0, width), randint(0, height), randint(0, width), randint(0, height))
         draw.line(line, fill=linecolor)
     del draw
     mstream = StringIO()
     img.save(mstream, 'jpeg')
     return HttpResponse(mstream.getvalue(), 'image/jpeg')

访问一下

localhost:8000/verify/100/40/

看到我们生成的验证码了！

然后进行验证功能

将生成的字符保存到 request.session['key'] 里就好了

如果出现一下问题则可以参考

 

 

使用request.session的时候出现了这种出错,google一下，发现是django旧版本的问题，新版本中的

MIDDLEWARE 被替换成了MIDDLEWARE_CLASSES 名字改掉后，ｏｋ！

该教程参照简书:http://www.jianshu.com/p/7795783979da