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 相关文章推荐
精确查找PHP WEBSHELL木马的方法(1)
Apr 12 Python
python实现k均值算法示例(k均值聚类算法)
Mar 16 Python
python3使用requests模块爬取页面内容的实战演练
Sep 25 Python
python实现将excel文件转化成CSV格式
Mar 22 Python
使用pandas对矢量化数据进行替换处理的方法
Apr 11 Python
浅谈解除装饰器作用(python3新增)
Oct 15 Python
python利用百度AI实现文字识别功能
Nov 27 Python
Python倒排索引之查找包含某主题或单词的文件
Nov 13 Python
python学生信息管理系统实现代码
Dec 17 Python
python3.8与pyinstaller冲突问题的快速解决方法
Jan 16 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
Jun 01 Python
Python代码风格与编程习惯重要吗?
Jun 03 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 IP及IP段进行访问限制的代码
2008/12/17 PHP
PHP实现合并discuz用户
2015/08/05 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
ionic实现底部分享功能
2017/05/11 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
微信小程序如何连接Java后台
2019/08/08 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
改进Django中的表单的简单方法
2015/07/17 Python
Django的数据模型访问多对多键值的方法
2015/07/21 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
python中import学习备忘笔记
2017/01/24 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
采购类个人求职的自我评价
2014/02/18 职场文书
十一酒店活动方案
2014/02/20 职场文书
小学师德标兵先进事迹材料
2014/05/25 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
实习报告范文之电话客服岗位
2019/07/26 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python