在一个正常的登录系统中,验证码是非常重要的,用于识别人机,毕竟我们都知道,这个世界中存在着万恶的爬虫,验证码有很多种方式,有图片的,有邮件的,有短信的,有拼图的,不管什么样的验证码,目的都是验证访问用户到底是人还是机器,要对机器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 名字改掉后,ok! 该教程参照简书:http://www.jianshu.com/p/7795783979da