validCode.py

import random

from io import BytesIO

from PIL import Image, ImageDraw, ImageFont

def get_random_color():

    return (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))

def get_valid_code_img(request):

    img = Image.new('RGB', (260, 34), color=get_random_color())

    draw = ImageDraw.Draw(img)

    kumo_font = ImageFont.truetype('static/font/kumo.ttf', size=28)

    valid_code_str = ''

    for i in range(5):

        random_num = str(random.randint(0, 9))

        random_low_alpha = chr(random.randint(97, 122))

        random_high_alpha = chr(random.randint(65, 90))

        random_char = random.choice([random_num, random_low_alpha, random_high_alpha])

        draw.text((i * 50 + 20, 5), random_char, get_random_color(), font=kumo_font)

        # 保存验证码字符串

        valid_code_str += random_char

    # 噪点噪线

    width = 260

    height = 34

    for i in range(5):

        x1 = random.randint(0, width)

        x2 = random.randint(0, width)

        y1 = random.randint(0, height)

        y2 = random.randint(0, height)

        draw.line((x1, y1, x2, y2), fill=get_random_color())

    for i in range(5):

        draw.point([random.randint(0, width), random.randint(0, height)], fill=get_random_color())

        x = random.randint(0, width)

        y = random.randint(0, height)

        draw.arc((x, y, x + 4, y + 4), 0, 90, fill=get_random_color())

    # 保存验证码字符串到该用户的session

    request.session['valid_code_str'] = valid_code_str

    f = BytesIO()  # 用完之后，BytesIO会自动清掉

    img.save(f, 'png')

    data = f.getvalue()

    return data

views.py

from django.contrib import auth

from django.shortcuts import render, HttpResponse

from django.http import JsonResponse

from blog.utils.validCode import get_valid_code_img

def get_validCode_img(request):

    """

    基于PIL模块动态生成响应状态码图片

    :param request:

    :return:

    """

    data = get_valid_code_img(request)

    return HttpResponse(data)

def login(request):

    if request.method == 'POST':

        response = {'user': None, 'msg': None}

        user = request.POST.get('user')

        pwd = request.POST.get('pwd')

        valid_code = request.POST.get('valid_code')

        valid_code_str = request.session.get('valid_code_str')

        if valid_code.lower() == valid_code_str.lower():

            user = auth.authenticate(username=user, password=pwd)

            if user:

                auth.login(request, user)  # request.user == 当前登录对象

                response['user'] = user.username

            else:

                response['msg'] = '用户名或密码错误'

        else:

            response['msg'] = '验证码错误'

        return JsonResponse(response)

    return render(request, 'login.html')

login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登陆页面</title>

    <link rel="stylesheet" href="/static/blog/bs/css/bootstrap.css">

</head>

<body>

<h3>登陆页面</h3>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-md-offset-3">

            <form id="fm">

                {% csrf_token %}

                <div class="form-group">

                    <label for="id_user">用户名</label>

                    <input type="text" name="user" id="id_user" class="form-control">

                </div>

                <div class="form-group">

                    <label for="id_pwd">密码</label>

                    <input type="text" name="pwd" id="id_pwd" class="form-control">

                </div>

                <div class="form-group">

                    <label for="id_valid_code">验证码</label>

                    <div class="row">

                        <div class="col-md-6">

                            <input type="text" name="valid_code" id="id_valid_code" class="form-control">

                        </div>

                        <div class="col-md-6">

                            <img width="260" height="34" src="/get_validCode_img/" id="valid_code_img">

                        </div>

                    </div>

                </div>

                <input type="button" value="提交" id="login_btn" class="btn btn-default ">

                <span id="error"></span>

            </form>

        </div>

    </div>

</div>

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

<script>

    // 验证码图片刷新

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

        $(this)[0].src += '?';  // 问号的唯一意义是：图片链接发生了变化,图片需要刷新

    });

    // 登陆验证

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

        $.ajax({

            url: '',

            type: 'post',

            data: $('#fm').serialize(),

            success: function (data) {

                if (data.user) {

                    location.href = '/index/'

                } else {

                    $('#error').text(data.msg).css({'color': 'red', 'margin-left': '10px'});

                    setTimeout(function () {

                        $('#error').text('')  // 3秒后清空error信息

                    }, 3000)

                }

            }

        })

    })

</script>

</body>

</html>

利用python生成图形验证码的更多相关文章

  1. python 生成图形验证码

    文章链接:https://mp.weixin.qq.com/s/LYUBRNallHcjnhJb1R3ZBg 日常在网站使用过程中经常遇到图形验证,今天准备自己做个图形验证码,这算是个简单的功能,也适 ...

  2. PHP5 GD库生成图形验证码(汉字)

    PHP5 GD库生成图形验证码且带有汉字的实例分享. 1,利用GD库函数生成图片,并在图片上写指定字符imagecreatetruecolor 新建一个真彩色图像imagecolorallocate ...

  3. PHP5生成图形验证码(有汉字)

    利用PHP5中GD库生成图形验证码 类似于下面这样 1.利用GD库函数生成图片,并在图片上写指定字符 imagecreatetruecolor   新建一个真彩色图像      imagecolora ...

  4. C#生成图形验证码

    先看效果: 再上代码 public class CaptchaHelper { private static Random rand = new Random(); private static in ...

  5. Python 生成随机验证码

    Python生成随机验证码  Python生成随机验证码,需要使用PIL模块. 安装: 1 pip3 install pillow 基本使用 1. 创建图片 1 2 3 4 5 6 7 8 9 fro ...

  6. Python生成随机验证码

    Python生成随机验证码,需要使用PIL模块. 安装: pip3 install pillow 基本使用 1.创建图片 from PIL import Image img = Image.new(m ...

  7. 利用Python生成随机密码

    #coding:utf-8 #利用python生成一个随机10位的字符串 import string import random import re list = list(string.lowerc ...

  8. java生成图形验证码

    效果图 import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buf ...

  9. Python利用PIL生成随机验证码图片

    安装pillow: pip install pillow PIL中的Image等模块提供了创建图片,制作图片的功能,大致的步骤就是我们利用random生成6个随机字符串,然后利用PIL将字符串绘制城图 ...

随机推荐

  1. net start命令发生系统错误5和错误1058的解决方法

    net start命令用于开启服务,格式为:net start [服务名](与之对应的"net stop [服务名]"为关闭服务命令) 5是没有管理员权限,右键管理员即可 1058 ...

  2. 2 cmd中startup显示运行不了显示“不是内部或外部命令”

    解决方案: 1 在C:\Windows\System32中检查cmd.exe是否存在(如果存在的话)(检查cmd.exe是否被误删) 2 在我的电脑——属性——环境变量——在系统变量找到Path编辑前 ...

  3. python随笔---录入月份的值，输出对应的季节

    首先获取一个输入,加判断,输入对应的月份,季节判定根据气象划分法(气象划分法:在气象部门,通常以阳历3-5月为春季,6-8月为夏季,9-11月为秋季,12月-来年2月为冬季,并且常常把1.4.7.10 ...

  4. testNG测试基础一

    1.TestNG概念 TestNG:Testing Next Generation 下一代测试技术,是一套根据JUnit和Nunit思想构建的利用注释来强化测试功能的测试框架,可用来做单元测试,也可用 ...

  5. [opencv3.2cmake error ] sys/videoio.h no such file or directories

    I don't have /usr/include/sys/videoio.h at all Before that , I have ipp download question. So I down ...

  6. CheckPoint_vSEC_Cluster_R77.30

    CheckPoint_vSEC_Cluster_R77.30 平台: arm 类型: ARM 模板 软件包: Check Point vSEC Gateway R77.30-041.161 Anti- ...

  7. 时序js插件cubism使用

    document http://iwantmyreal.name/blog/2012/09/16/visualising-conair-data-with-cubism-dot-js https:// ...

  8. DataGridView控件使用大全

    转自:http://www.cnblogs.com/xiaofengfeng/archive/2011/04/16/2018504.html DataGridView控件 DataGridView是用 ...

  9. pat乙级1049

    浮点型乘整型和整型乘浮点型结果不同,不知为什么. double sum = 0.0; ; i < n; i++) { cin >> a[i]; sum += a[i] * (i + ...

  10. 知乎日报客户端应用ios源码

    swift开发的知乎日报客户端详细源码,里面分UI和网络两个模块. 1.涉及到了大部分的UI控件的使用(甚至包括UIRefreshView,UITableConrol等等)2.Connection完成 ...