1.导入模块 并定义一个验证状态

 from PIL import Image, ImageDraw, ImageFont

 from django.utils.six import BytesIO

 def verify_code(request):

     #引入随机函数模块

     import random

     #定义变量，用于画面的背景色、宽、高

     bgcolor = (random.randrange(20, 100), random.randrange(

         20, 100), 255)

     width = 100

     height = 25

     #创建画面对象

     im = Image.new('RGB', (width, height), bgcolor)

     #创建画笔对象

     draw = ImageDraw.Draw(im)

     #调用画笔的point()函数绘制噪点

     for i in range(0, 100):

         xy = (random.randrange(0, width), random.randrange(0, height))

         fill = (random.randrange(0, 255), 255, random.randrange(0, 255))

         draw.point(xy, fill=fill)

     #定义验证码的备选值

     str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0'

     #随机选取4个值作为验证码

     rand_str = ''

     for i in range(0, 4):

         rand_str += str1[random.randrange(0, len(str1))]

     #构造字体对象，ubuntu的字体路径为“/usr/share/fonts/truetype/freefont”

     font = ImageFont.truetype('FreeMono.ttf', 23)

     #构造字体颜色

     fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255))

     #绘制4个字

     draw.text((5, 2), rand_str[0], font=font, fill=fontcolor)

     draw.text((25, 2), rand_str[1], font=font, fill=fontcolor)

     draw.text((50, 2), rand_str[2], font=font, fill=fontcolor)

     draw.text((75, 2), rand_str[3], font=font, fill=fontcolor)

     #释放画笔

     del draw

     #存入session，用于做进一步验证

     request.session['verifycode'] = rand_str

     #内存文件操作

     buf = BytesIO()

     #将图片保存在内存中，文件类型为png

     im.save(buf, 'png')

     #将内存中的图片数据返回给客户端，MIME类型为图片png

     return HttpResponse(buf.getvalue(), 'image/png')

2.在views 中进行映射

re_path(r'^verify_code/$', views.verify_code),

3.在网页中直接放入img中

<img src="/verify_code/" alt="验证码">

4.使用ajax 获取验证密码和账号

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>login</title>

 </head>

 <body>

 <h1 class="show"></h1>

 <input type="text" id = username value="{{username}}"> <br>

 <input type="text" id = password> <br>

 <input type="text" id = yum> <a>请输入验证码</a> <br>

 <img src="/verify_code/" alt="验证码">

 <input type="button" id="Ajax" value="ajax登陆"> <br>

 <input type="checkbox" id = "ow" name="ow"> 记住密码<br>

 <a href="/get_cookies">点击到获取cookies</a>

 </body>

 <script src="/static/index/js/jquery-3.3.1.min.js"></script>

 </html>

 <script>

     $(function () {

         $('#Ajax').click(function () {

                 username = $('#username').val();

                 password = $('#password').val();

                 ow = $("#ow").val();

                 yum = $('#yum').val();

                 $.ajax({

                     'url': '/loginajax',

                     'type': 'post',

                     'data': {'username': username, 'password': password,

                                 "yum":yum,},

                     'success':function(data){

                     //登陆成功返回1

                     //登陆失败返回0

                         //验证失败返回3

                     if (data.res == 1) {

                         $('.show').show().html('登陆成功')

                     } else if (data.res == 0) {

                         $('.show').show().html('登陆失败')

                     } else if (data.res == 3){

                         $('.show').show().html('验证码输入失败')

                     }

                 }

                 });

             });

     });

 </script>

在上面 ajax 中 向服务器发送了 账号密码 和 验证码

在验证函数中

     yzm = request.POST.get('yum')　　　　　　# 获取传入的 验证码

     vaue = request.session['verifycode']　　# 生成图片的时候 把验证码存到了session 中

     if yzm !=vaue:　　　　　　　　　　　　　　　　#如果不相等的话会返回 3   HTML ajax 会显示验证错误

         return JsonResponse({'res':3})

成果图

django 利用pillow 进行简单的设置验证码（python）的更多相关文章

  1. 学习笔记：利用GDI+生成简单的验证码图片

    学习笔记:利用GDI+生成简单的验证码图片 /// <summary> /// 单击图片时切换图片 /// </summary> /// <param name=&quo ...

  2. Django之缓存、信号和图片验证码

    一. 缓存 1. 介绍 缓存通俗来说:就是把数据先保存在某个地方,下次再读取的时候不用再去原位置读取,让访问速度更快. 缓存机制图解 2.Django中提供了6种缓存方式 1. 开发调试 2. 内存 ...

  3. Django之缓存、信号和图片验证码、ORM性能

    一. 缓存 1. 介绍 缓存通俗来说:就是把数据先保存在某个地方,下次再读取的时候不用再去原位置读取,让访问速度更快. 缓存机制图解 2.Django中提供了6种缓存方式 1. 开发调试 2. 内存 ...

  4. SoapUI 利用SoapUI进行简单的接口并发测试

    利用SoapUI进行简单的接口并发测试 by:授客 QQ:1033553122 测试环境: SoapUI Pro 5.1.2 步骤如下 1.   把请求添加到测试套件 1.1.     途径1 1.新 ...

  5. web 框架的本质及自定义web框架 模板渲染jinja2 mvc 和 mtv框架 Django框架的下载安装 基于Django实现的一个简单示例

    Django基础一之web框架的本质 本节目录 一 web框架的本质及自定义web框架 二 模板渲染JinJa2 三 MVC和MTV框架 四 Django的下载安装 五 基于Django实现的一个简单 ...

  6. 第三百三十五节，web爬虫讲解2—Scrapy框架爬虫—豆瓣登录与利用打码接口实现自动识别验证码

    第三百三十五节,web爬虫讲解2—Scrapy框架爬虫—豆瓣登录与利用打码接口实现自动识别验证码 打码接口文件 # -*- coding: cp936 -*- import sys import os ...

  7. 基于《仙剑奇侠传柔情版》利用Java的简单实现（一）

    基于<仙剑奇侠传柔情版>利用Java的简单实现(一) 2018-12-01 23:55:36   by Louis  一,新建一个类GameFrame.class,具体代码如下: pack ...

  8. 【QT】利用pyqt5实现简单界面

    Topic: 利用pyqt5编写简单界面Env:win10 + Pycharm2018 + Python 3.6.8Date: 2019/4/29 by hw_Chen2018            ...

  9. vue springboot利用easypoi实现简单导出

    vue springboot利用easypoi实现简单导出 前言 一.easypoi是什么? 二.使用步骤 1.传送门 2.前端vue 3.后端springboot 3.1编写实体类(我这里是dto, ...

随机推荐

  1. python学习第34天

    # 互斥锁# 进程之间的数据共享 # 关于数据安全的问题# 进程池(自己了解,后面线程部分还会讲) # from multiprocessing import Pool# 线程的概念 (面试的重点)# ...

  2. STM32F0使用LL库实现Modbus通讯

    在本次项目中,限于空间要求我们选用了STM32F030F4作为控制芯片.这款MCU不但封装紧凑,而且自带的Flash空间也非常有限,所以我们选择了LL库实现.本篇将说明基于LL实现USART通讯. 1 ...

  3. ad9361自测试校准

    #include "config.h" #include "CONFIG_FPGA_ALL.h" #include "xparameters.h&qu ...

  4. python读取uti-8格式ini配置文件出现UnicodeDecodeError: 'gbk' codec can't decode byte 0xba in position 367: illegal multibyte sequence错误解决方法

    出现这种错误只需要在read下添加encoding='utf-8' 如: from configparser import ConfigParser cf = ConfigParser() cf.re ...

  5. Bootstrap-datepicker3官方文档中文翻译---Markup/标记（原文链接 http://bootstrap-datepicker.readthedocs.io/en/latest/index.html）

    Markup/标记 下面是已经支持的标签的例子.这些标签本身不会提供DatePicker控件:你需要在标签上实例化Datepicker. input/输入框 最简单的例子: input获得焦点 (使用 ...

  6. webpack 学习小结

    webpack 是一个模块打包工具(前提要安装 node使用npm来安装webpack) 1.安装webpack,webpack-cli , webpack-dev-server //全局安装 npm ...

  7. SpringBoot的自动配置

    1.根据条件来装配bean,SpringBoot的自动配置,根据条件进行自动配置. 首先创建一个接口,如下所示: package com.bie.encoding; /** * * @Descript ...

  8. pyqt5与QML开发小结

    遇见的坑 qt 5.11 与 qt 5.12 中Qquick的差异还是蛮大的,由开发环境:Pyqt5.11 + Qt5.12 部署到 Pyqt5.11 + Qt5.11时遇到以下问题: 1.当一个It ...

  9. java.util.ConcurrentModificationException 记一次坑

    集合在单线程,一个循环内,有添加又删除会出现此异常. 多线程时,在不同的循环操作同一个集合,会出现此异常. 因为,集合长度发生改变时,在迭代器未结束前,迭代器的大小不会发生变化. 1.保证在同一个进程 ...

  10. Anki 2.0 用户手册

    Anki 2.0 用户手册 目录 Anki 2.0 用户手册 视频介绍 卡片和模板 Javascript Anki 2.0 用户手册 视频介绍 共享牌组和基础复习技巧 调换卡片正反面 卡片样式设计 亲 ...