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. Python3基础（2）模块、数据类型及运算、进制、列表、元组、字符串操作、字典

    ---------------个人学习笔记--------------- ----------------本文作者吴疆-------------- ------点击此处链接至博客园原文------ 1 ...

  2. 在loader程序中涉及到的CPU模式切换

    在实模式下开启4GB的物理内存地址寻址(称之为Big Real Mode) 通过A20快速门(Fast Gate)修改0x90端口的数据, 对其进行置位(类似于打开一个开关), 开启 使用CLI汇编指 ...

  3. 邓俊辉数据结构学习-8-2-B树

    B树 概述 动机: B树实现高速I/O 640K如何"满足"任何实际需求了-- 源自比尔·盖茨的一个笑话 前提知识 高速缓存 为什么高速缓存有效? 不同容量的存储器,访问速度差异悬 ...

  4. Employees Earning More Than Their Managers

    The Employee table holds all employees including their managers. Every employee has an Id, and there ...

  5. git图形管理工具

    在windows下使用git命令行工具对非开发人员还是挺困难的,还好有TortoiseGit这个工具svn客户端用TortoiseSVNgit客户端用TortoiseGit 网址:https://to ...

  6. 完全卸载TeamViewer与重新安装TeamViewer 7（含单文件版V12主控端）

    卸载teamviewer: 删除:%AppData%\Teamviewer.%tmp%\TeamViewer.C:\Users\Administrator\AppData\Local\TeamView ...

  7. iptables (1) 原理

    网上看到这个配置讲解得还比较易懂,就转过来了,大家一起看下,希望对您工作能有所帮助. iptables简介 netfilter/iptables(简称为iptables)组成Linux平台下的包过滤防 ...

  8. World Wind Java开发之三 显示状态栏信息（转）

    http://blog.csdn.net/giser_whu/article/details/40920315 先来看下本篇博客索要达到的效果: 找到源码下的gov.nasa.worldwind.ut ...

  9. 【HDU4473】Exam（数学题）

    点此看题面 大致题意: 设\(f(x)=\sum[(a*b)|x]\),求\(\sum_{x=1}^nf(x)\). 转化题意 将题意进行转换,我们就可以发现,我们要求的\(ans\)就是满足\(x* ...

  10. geoNear查询 near查询的升级版

    geoNear查询可以看作是near查询点进化版 geoNear查询使用runCommand命令进行使用,常用使用如下: db.runCommand({ geoNear:<collection& ...