Python + Flask 实现简单的验证码系统


Posted in Python onOctober 01, 2019

一、写在前面

现在无论大大小小的网站,基本上都会使用验证码,登录的时候要验证,下载的时候要验证,而使用的验证码也从那些简简单单的字符图形验证码“进化”成了需要进行图文识别的验证码、需要拖动滑块的滑动验证码、甚至还有手机验证码。当你与之打交道的时候,有没有考虑过其背后的原理呢?当然了,对于那些复杂的验证码我们想要弄得一清二楚还是很难的,但是可以挑软柿子捏嘛--字符图形验证码,就这样,我决定用 Python + Flask 制作出一个简单的验证码系统来,话不多说,撸起袖子加油干!

Python + Flask 实现简单的验证码系统

二、基本思路

一个简单的验证码系统,要实现的目标包括能够不断刷新验证码和对用户输入的内容进行验证,若验证成功则进行后续操作,若失败则给出提示信息并要求重新输入。

但是没有大量验证码图片怎么办呢?正所谓“自己动手,丰衣足食”,Python 所具有的丰富的第三方库使得产生大量验证码图片这一需求变得甚是简单了,这里主要使用的模块是 pillow。

有了验证码图片之后,要做的就是将其显示在前端页面上,并且要能够更新验证码,这利用 Flask 可以很方便地实现。然后就是输入验证码和对输入的内容进行验证了,这里我是用 JS 实现验证的。

三、具体步骤

1.生成验证码图片

前面已经提过这一步主要使用的模块是 pillow,没有安装的话可以使用 pip install pillow 进行安装。

PIL:Python Image Library,是 Python 处理图片的标准库,不过 PIL 仅支持到 Python2.7,之后有人在其基础上创建了兼容的版本,名字就叫做 pillow。

新建一个 Flask 项目:CaptchaTest,然后创建一个 generate.py。要生成一个验证码图片,首先得创建一张图片,可以用 pillow 模块中的 Image.new() 实现。然后需要生成验证码文本并将其写入到前面生成的图片上,除此之外,我们还可以加入一些干扰元素增加识别的难度。下面是几张生成的验证码图片:

Python + Flask 实现简单的验证码系统

最终得到的生成验证码图片的代码如下:

 

from random import randint
 from PIL import Image, ImageDraw, ImageFont
 def get_random_color():
   # 随机颜色RGB
   return randint(120, 200), randint(120, 200), randint(120, 200) 
 def get_random_code():
   # 随机字符
   codes = [[chr(i) for i in range(48, 58)], [chr(i) for i in range(65, 91)], [chr(i) for i in range(97, 123)]]
   codes = codes[randint(0, 2)]
   return codes[randint(0, len(codes)-1)]
 def generate_captcha(width=140, height=60, length=4):
   # 生成验证码
   img = Image.new("RGB", (width, height), (250, 250, 250))
   draw = ImageDraw.Draw(img)
   font = ImageFont.truetype("static/font/font.ttf", size=36)
   # 验证码文本
   text = ""
   for i in range(length):
     c = get_random_code()
     text += c
     rand_len = randint(-5, 5)
     draw.text((width * 0.2 * (i+1) + rand_len, height * 0.2 + rand_len), c, font=font, fill=get_random_color())
   # 加入干扰线
   for i in range(3):
     x1 = randint(0, width)
     y1 = randint(0, height)
     x2 = randint(0, width)
     y2 = randint(0, height)
     draw.line((x1, y1, x2, y2), fill=get_random_color())
   # 加入干扰点
   for i in range(16):
     draw.point((randint(0, width), randint(0, height)), fill=get_random_color())
   # 保存图片
   img.save("static/captcha/" + text + ".jpg")
   return text + ".jpg"
 if __name__ == "__main__":
   for i in range(1000):
     generate_captcha()

2.显示验证码图片

在进行完上一步之后,我们已经得到了1000张验证码图片,都保存在 static 下的 captcha 文件夹下。那么现在的问题就是如何将验证码图片显示在页面上,要解决这个问题,首先要定义一个路由,用于随机选取验证码图片并返回路径。

在 Flask 中 route() 装饰器把一个函数绑定到 URL 上,不仅能配置静态 URL,而且能配置动态 URL,不过这里使用静态 URL 就行了。定义该路由的代码如下:

@app.route('/get_captcha', methods=['GET'])
 def get_captcha():
   img_list = os.listdir("static/captcha")
   img = img_list[random.randint(0, 1000)]
  return os.path.join("static/captcha", img)

其中 os.listdir() 用于列举文件夹下的内容,os.path.join() 用于返回图片路径。

3.刷新验证码图片

刷新验证码图片的功能可以通过使用 Ajax 来实现,主要过程是先向后端发送请求,请求成功之后会得到一个验证码图片路径, 然后再设置图片的 src 属性,达到刷新验证码的目的。在 Ajax 中的 URL 可以直接写静态 URL,还能使用 url_for 来反向解析获取对应的 URL,使用方法如下:

<script>
   function Change() {
     $.ajax({
       url: '{{ url_for('get_captcha') }}',
       async: true,
       type: "GET",
       success: function (data) {
         document.getElementById("captcha").src = data;
       }
     })
   }
 </script>

4.验证码内容验证

在输入验证码内容后,需要对输入的内容进行验证。因为前面生成验证码图片的时候直接用的图片内容来命名的,所以这里就可以用 JavaScript 来获取图片名称,再将输入框中的内容获取到,把两者进行比对,这一步还可以做一个忽略大小写,至于具体代码就不放了。

四、运行截图

首先是一张运行页面的截图,点击“看不清楚,换一张”可以刷新验证码,点击“确认”可以验证输入的内容是否正确:

Python + Flask 实现简单的验证码系统

 

当输入的内容正确的时候,给出一个验证成功的提示:

Python + Flask 实现简单的验证码系统

 

到这里为止,一个简单的验证码系统就做出来了,当然还有很多可以去完善的地方,比如使用更复杂的验证码,对验证次数进行限制等等。

 

完整代码已上传到 GitHub!

总结

以上所述是小编给大家介绍的Python + Flask 制作一个简单的验证码系统,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Python 相关文章推荐
使用Python的Zato发送AMQP消息的教程
Apr 16 Python
使用Python编写一个最基础的代码解释器的要点解析
Jul 12 Python
python matlibplot绘制3D图形
Jul 02 Python
利用python和ffmpeg 批量将其他图片转换为.yuv格式的方法
Jan 08 Python
简单了解python PEP的一些知识
Jul 13 Python
python3调用windows dos命令的例子
Aug 14 Python
python实现机器人卡牌
Oct 06 Python
python判断是空的实例分享
Jul 06 Python
如何基于matlab相机标定导出xml文件
Nov 02 Python
python反爬虫方法的优缺点分析
Nov 25 Python
Django实现简单的分页功能
Feb 22 Python
python实现进度条的多种实现
Apr 29 Python
python 矢量数据转栅格数据代码实例
Sep 30 #Python
python多进程间通信代码实例
Sep 30 #Python
Python实现二叉树的最小深度的两种方法
Sep 30 #Python
python打开使用的方法
Sep 30 #Python
python 字典有序并写入json文件过程解析
Sep 30 #Python
python 下 CMake 安装配置 OPENCV 4.1.1的方法
Sep 30 #Python
Python3 翻转二叉树的实现
Sep 30 #Python
You might like
PHP的栏目导航程序
2006/10/09 PHP
PHP中,文件上传
2006/12/06 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
JavaScript:Date类型全面解析
2016/05/19 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
深入理解ES6之数据解构的用法
2018/01/13 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
python字典键值对的添加和遍历方法
2016/09/11 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python创建学生管理系统
2019/11/22 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
记帐员岗位责任制
2014/02/08 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
安全教育观后感
2015/06/17 职场文书
保险公司增员口号
2015/12/25 职场文书
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL