def get_check_code_image(request):
"""
验证码
"""
im_name_list = ['validata_code1.jpg', 'validata_code2.jpg', 'validata_code3.jpg', 'validata_code4.jpg', \
'validata_code5.jpg', 'validata_code6.jpg', 'validata_code7.jpg', 'validata_code8.jpg']
im_path = os.path.join('medias','common_img')
im_name = os.path.join(im_path, im_name_list[random.randint(0, 7)])
im = Image.open(im_name)
draw = ImageDraw.Draw(im)
mp = md5.new()
mp_src = mp.update(str(datetime.now()))
mp_src = mp.hexdigest()
rand_str = mp_src[0:4]
draw.text((5,0), rand_str[0], font=ImageFont.truetype("ARIAL.TTF", random.randrange(15,35)))
draw.text((20,0), rand_str[1], font=ImageFont.truetype("ARIAL.TTF", random.randrange(15,35)))
draw.text((35,0), rand_str[2], font=ImageFont.truetype("ARIAL.TTF", random.randrange(15,35)))
draw.text((50,0), rand_str[3], font=ImageFont.truetype("ARIAL.TTF", random.randrange(15,35)))
del draw
request.session['identify_code'] = rand_str
buf = cStringIO.StringIO()
im.save(buf, 'png')
return HttpResponse(buf.getvalue(),'image/png')
从网上找了一些利用PIL生成图片验证码的例子。自己拿过来改改便用再项目上了。
有些东西自己还是没见过的,菜啊。多多学习。
draw = ImageDraw.Draw(im),自己最近学习PIL的简单用法时候没见过这个Draw,还不是太明白,不过猜想是在原始图片上添加文字或划什么东西要用到的。光做图片处理(模糊,翻转)什么的,没用到这个ImageDraw.
draw.text((50,0), rand_str[3], font=ImageFont.truetype("ARIAL.TTF", random.randrange(15,35)))
这个方法以前也没见过。看起来有点复杂,不过不愿意去查文档了,乱猜加试验,前面的第一个参数(50,0)只从相对图片的位置的x,y轴吧。 rand_str[3],要写的字符,最后一个应该是字体的属性和大小,字体的大小使用了一个随机值。
mp = md5.new()
mp_src = mp.update(str(datetime.now()))
mp_src = mp.hexdigest()
rand_str = mp_src[0:4]
MD5加密,其中update,hexdigest,方法内部咋实现,返回啥值,自己不明白,不过我想也不需要知道吧。就当它是一个函数,一个类型黑盒的函数,知道传一个数进出,返回给我一个值就行了。以后就找这个写就的了。
buf = cStringIO.StringIO()
Google了一下cStringIO和StringIO的区别,cStringIO效率高点。不过在某些情况cStringIO是只读的。两者具体用法基本相同。
im.save(buf, 'png')
return HttpResponse(buf.getvalue(),'image/png')
最后两句到现在没搞明白啥意思,
学习PIL的时候只遇到save(),的时候传递一个字符串位置,而此例这个buf可是一个二进制文件啊。TODO吧,实在不明白。
最后一句return HttpResponse(buf.getvalue(),'image/png')意思是传递一个图片对象,但模板中取的值又是这个图片的URL,还是搞不太明白。
模板中使用此验证码
<html>
<h1>test</h1>
<img οnclick="this.setAttribute('src','/accounts/get_check_code_image/?nocache='+Math.random());"
src="/accounts/get_check_code_image/" alt="验证码图片" />
</html>
自己真是啥也不懂,不明白后面的地址跟个nocache参数做啥子,Google,好不容易Google到答案,原来是GET请求后面如果不带参数的话,会使用缓存,而后面跟个随机的参数便不会用缓存了。
this.setAttribute 方法设置参数属性,没次点击src的属性便更改,这样便就实现了动态的验证码。