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. c/s和b/s的区别及实例说明【转】

    B/S结构,即Browser/Server(浏览器/服务器)结构,是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构.在这种结构下,用户界面完全通过WWW浏览器实现,一部分事务逻辑 ...

  2. JS 分页实现

    var pagesize = 5; var pageindex = 1; var pagetype; var parms; var nextSize = 1; var target; function ...

  3. java中的中文变量和方法

    在网上看到java居然支持中文变量名.方法.这里我只试了变量名和方法,类名这些没有试....真是给力 package com.gxf.fun; public class TestForChinese ...

  4. js函数获取ev对象

    今天工作中遇到一个问题,就是平时获取一个ev(event)对象时候一般直接在调用方法里面写一个ev参数,即可直接拿到这个对象,但是有时候会遇到函数调用不是直接加在一个dom对象的后面,如: var o ...

  5. zabbix-2.2.2（Ubuntu 14.04 LTS/OpenLogic 7.2）

    平台: arm 类型: ARM 模板 软件包: apache-2.4.7 mariadb-5.5.50 mysql-5.5.52-0ubuntu0.14.04.1 php-5.4.16 php-5.5 ...

  6. mstsc远程桌面全频或自定义窗口

    近期发现自己的mstsc突然窗口变小,总是要繁琐的拖来拖去,现终于解决了,拿来分享一二! 参数一:mstsc /f   以全屏模式显示(操作一次,后面无需在设置,具体何原因要问微软了,可能是机器的分辨 ...

  7. TP5.0：同一个控制器访问不同方法

    首先,我把TP框架的内容放置在manualtp5文件夹 在manualtp5/application/index/controller/index控制器中定义两个方法: 我们都知道,如果我们网址中不输 ...

  8. firefox 提示 ssl_error_unsupported_version 的解决方法

    访问一些HTTPS网站时尤其是国内网站 中文提示: 无法安全地连接 Firefox 无法保证您在 sx.ac.10086.cn 上的数据安全性,因为它使用 SSLv3,一个目前安全性欠佳的安全协议.专 ...

  9. cesium 加载TMS影像（已经切片）

    TMS影像数据格式 加载影像的代码: var layers = viewer.scene.imageryLayers; var blackMarble = layers.addImageryProvi ...

  10. 5分钟了解Java 12 八大新特性

    Java 12 终于发布了,我们一起来看一看 Java 12 中的新特性.通过本文可以在5分钟内快速了解 Java 12 新特性. 1 Switch 表达式 使用Java 12,switch不仅可以作 ...