网页登陆验证之图片验证码
程序员文章站
2022-07-05 15:46:33
图片验证码：登陆网页时，生成随机图片验证码，在网页中显示出来，并把验证码保存下来用以登陆判断。所用技术：tornado框架，自定义生成图片验证码的python文件及其相应字体文件，io模块，pillow模块。 目录结构： 启动文件代码如下： 1 #!/usr/bin/env python 2 #-* ......
图片验证码：登陆网页时，生成随机图片验证码，在网页中显示出来，并把验证码保存下来用以登陆判断。
所用技术：tornado框架，自定义生成图片验证码的python文件及其相应字体文件，io模块，pillow模块。
所用技术：tornado框架，自定义生成图片验证码的python文件及其相应字体文件，io模块，pillow模块。
目录结构：
启动文件代码如下：
1 #!/usr/bin/env python
2 #-*- coding:utf-8 -*-
3 import tornado.web
4 import tornado.ioloop
5 import check_code #自定义文件
6 import io
7
8 list_code = []
9 class loginhandler(tornado.web.requesthandler):
10 def get(self, *args, **kwargs):
11 self.render('login.html')
12 def post(self, *args, **kwargs):
13 user = self.get_argument('user')
14 validate = self.get_argument('validate')
15 print(validate)
16 if user == 'alex' and validate == list_code[0]:
17 self.write('用户名和验证码通过')
18 else:
19 self.write('用户名和验证码有一样不通过')
20
21 class checkcodehandler(tornado.web.requesthandler):
22 def get(self, *args, **kwargs):
23 img,code = check_code.create_validate_code() #生成验证码图片，图片保存在img，验证码保存在code
24 cc = io.bytesio() #生成这个对象用以临时存放数据
25 img.save(cc,'gif') #把图片以gif格式存放在cc里
26 print(code)
27 list_code.append(code) #把验证码追加到空列表里用以登陆时判断，也可以放到cookie，secure_cookie,session里
28 print(list_code)
29 self.write(cc.getvalue()) #获取图片在页面显示出来
30
31 settings = {
32 'template_path':'view'
33 }
34
35 app = tornado.web.application([
36 ('/login',loginhandler),
37 ('/checkcode',checkcodehandler)
38 ],**settings)
39
40 if __name__ == '__main__':
41 app.listen('8888')
42 tornado.ioloop.ioloop.instance().start()
view目录下的html代码：
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>title</title>
6 </head>
7 <body>
8 <form action="/login" method="post">
9 <input type="text" placeholder="用户名" name="user">
10 <p>
11 <input type="text" placeholder="填写右侧验证码" name="validate">
12 <img src="/checkcode" onclick="changecode()" id="validate_img">
13 </p>
14 <input type="submit" value="提交"> #点击提交后以post方式把表单name键值对提交到/login
15 </form>
16 <script>
17 function changecode() {
18 var el = document.getelementbyid('validate_img');
19 el.src += '?'; #获取图片标签的src，给加上？再放回去，就会在不刷新网页的基础上重新以get方式访问网页
20 }
21 </script>
22 </body>
23 </html>
check_code.py :
1 #!/usr/bin/env python 2 #coding:utf-8 3 #check_code.py 4 5 import random 6 from pil import image, imagedraw, imagefont, imagefilter 7 8 _letter_cases = "abcdefghjkmnpqrstuvwxy" # 小写字母，去除可能干扰的i，l，o，z 9 _upper_cases = _letter_cases.upper() # 大写字母 10 _numbers = ''.join(map(str, range(3, 10))) # 数字 11 init_chars = ''.join((_letter_cases, _upper_cases, _numbers)) 12 13 def create_validate_code(size=(120, 30), 14 chars=init_chars, 15 img_type="gif", 16 mode="rgb", 17 bg_color=(255, 255, 255), 18 fg_color=(0, 0, 255), 19 font_size=18, 20 font_type="monaco.ttf", 21 length=4, 22 draw_lines=true, 23 n_line=(1, 2), 24 draw_points=true, 25 point_chance = 2): 26 ''' 27 @todo: 生成验证码图片 28 @param size: 图片的大小，格式（宽，高），默认为(120, 30) 29 @param chars: 允许的字符集合，格式字符串 30 @param img_type: 图片保存的格式，默认为gif，可选的为gif，jpeg，tiff，png 31 @param mode: 图片模式，默认为rgb 32 @param bg_color: 背景颜色，默认为白色 33 @param fg_color: 前景色，验证码字符颜色，默认为蓝色#0000ff 34 @param font_size: 验证码字体大小 35 @param font_type: 验证码字体，默认为 ae_alarabiya.ttf 36 @param length: 验证码字符个数 37 @param draw_lines: 是否划干扰线 38 @param n_lines: 干扰线的条数范围，格式元组，默认为(1, 2)，只有draw_lines为true时有效 39 @param draw_points: 是否画干扰点 40 @param point_chance: 干扰点出现的概率，大小范围[0, 100] 41 @return: [0]: pil image实例 42 @return: [1]: 验证码图片中的字符串 43 ''' 44 45 width, height = size # 宽， 高 46 img = image.new(mode, size, bg_color) # 创建图形 47 draw = imagedraw.draw(img) # 创建画笔 48 49 def get_chars(): 50 '''生成给定长度的字符串，返回列表格式''' 51 return random.sample(chars, length) 52 53 def create_lines(): 54 '''绘制干扰线''' 55 line_num = random.randint(*n_line) # 干扰线条数 56 57 for i in range(line_num): 58 # 起始点 59 begin = (random.randint(0, size[0]), random.randint(0, size[1])) 60 #结束点 61 end = (random.randint(0, size[0]), random.randint(0, size[1])) 62 draw.line([begin, end], fill=(0, 0, 0)) 63 64 def create_points(): 65 '''绘制干扰点''' 66 chance = min(100, max(0, int(point_chance))) # 大小限制在[0, 100] 67 68 for w in range(width): 69 for h in range(height): 70 tmp = random.randint(0, 100) 71 if tmp > 100 - chance: 72 draw.point((w, h), fill=(0, 0, 0)) 73 74 def create_strs(): 75 '''绘制验证码字符''' 76 c_chars = get_chars() 77 strs = ' %s ' % ' '.join(c_chars) # 每个字符前后以空格隔开 78 79 font = imagefont.truetype(font_type, font_size) 80 font_width, font_height = font.getsize(strs) 81 82 draw.text(((width - font_width) / 3, (height - font_height) / 3), 83 strs, font=font, fill=fg_color) 84 85 return ''.join(c_chars) 86 87 if draw_lines: 88 create_lines() 89 if draw_points: 90 create_points() 91 strs = create_strs() 92 93 # 图形扭曲参数 94 params = [1 - float(random.randint(1, 2)) / 100, 95 0, 96 0, 97 0, 98 1 - float(random.randint(1, 10)) / 100, 99 float(random.randint(1, 2)) / 500, 100 0.001, 101 float(random.randint(1, 2)) / 500 102 ] 103 img = img.transform(size, image.perspective, params) # 创建扭曲 104 105 img = img.filter(imagefilter.edge_enhance_more) # 滤镜，边界加强（阈值更大） 106 107 return img, strs
check_code.py需要的相应字体文件：monaco.ttf