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之大话题小函数(1)
Oct 10 Python
Python实现的爬虫功能代码
Jun 24 Python
Python 私有函数的实例详解
Sep 11 Python
人工智能最火编程语言 Python大战Java!
Nov 13 Python
关于Python数据结构中字典的心得
Dec 04 Python
利用numpy和pandas处理csv文件中的时间方法
Apr 19 Python
pycharm配置pyqt5-tools开发环境的方法步骤
Feb 11 Python
Pytorch GPU显存充足却显示out of memory的解决方式
Jan 13 Python
Python利用全连接神经网络求解MNIST问题详解
Jan 14 Python
python 中不同包 类 方法 之间的调用详解
Mar 09 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
Jun 30 Python
python 实现音频叠加的示例
Oct 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正则的Unknown Modifier错误解决方法
2010/03/02 PHP
解析php DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
JavaScript事件列表解说
2006/12/22 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
分享一个自己动手写的jQuery分页插件
2014/08/28 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
详解Python的Django框架中的通用视图
2015/05/04 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Python 基础知识之字符串处理
2017/01/06 Python
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
Python批量发送post请求的实现代码
2018/05/05 Python
Python数据结构之图的应用示例
2018/05/11 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书