利用python生成图形验证码

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')

<!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生成图形验证码的更多相关文章

python 生成图形验证码
文章链接:https://mp.weixin.qq.com/s/LYUBRNallHcjnhJb1R3ZBg 日常在网站使用过程中经常遇到图形验证,今天准备自己做个图形验证码,这算是个简单的功能,也适 ...
PHP5 GD库生成图形验证码(汉字)
PHP5 GD库生成图形验证码且带有汉字的实例分享. 1,利用GD库函数生成图片,并在图片上写指定字符imagecreatetruecolor 新建一个真彩色图像imagecolorallocate ...
PHP5生成图形验证码(有汉字)
利用PHP5中GD库生成图形验证码类似于下面这样 1.利用GD库函数生成图片,并在图片上写指定字符 imagecreatetruecolor 新建一个真彩色图像 imagecolora ...
C#生成图形验证码
先看效果: 再上代码 public class CaptchaHelper { private static Random rand = new Random(); private static in ...
Python 生成随机验证码
Python生成随机验证码 Python生成随机验证码,需要使用PIL模块. 安装: 1 pip3 install pillow 基本使用 1. 创建图片 1 2 3 4 5 6 7 8 9 fro ...
Python生成随机验证码
Python生成随机验证码,需要使用PIL模块. 安装: pip3 install pillow 基本使用 1.创建图片 from PIL import Image img = Image.new(m ...
利用Python生成随机密码
#coding:utf-8 #利用python生成一个随机10位的字符串 import string import random import re list = list(string.lowerc ...
java生成图形验证码
效果图 import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buf ...
Python利用PIL生成随机验证码图片
安装pillow: pip install pillow PIL中的Image等模块提供了创建图片,制作图片的功能,大致的步骤就是我们利用random生成6个随机字符串,然后利用PIL将字符串绘制城图 ...

随机推荐

一个简单的CI分页类
[php] view plaincopy <span style="font-size:16px;">/** * * 关于页码有效性的判断需要加在控制器中判断,即当 ...
4.0.3的mongodb 安装和java使用
一整合由于本人的码云太多太乱了,于是决定一个一个的整合到一个springboot项目里面. 附上自己的github项目地址 https://github.com/247292980/spring- ...
c/s和b/s的区别及实例说明【转】
B/S结构,即Browser/Server(浏览器/服务器)结构,是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构.在这种结构下,用户界面完全通过WWW浏览器实现,一部分事务逻辑 ...
Elasticsearch在后台启动
Elasticsearch在linux下使用命令sh elasticsearch start,按键ctrl+c的时候程序就会stop掉,如何将程序在后台启动呢? 需要使用:./elasticsearc ...
数据库查询SQL语句的时候如何写会效率更高?
引言以前刚开始做项目的时候,开发经验尚浅,遇到问题需求只要把结果查询出来就行,至于查询的效率可能就没有太多考虑,数据少的时候还好,数据一多,效率问题就显现出来了.每次遇到查询比较慢时,项目经理就会问 ...
JS案例练习：图片切换+切换模式
先附图: CSS样式部分: <style> *{;} body{font-family:'Microsoft YaHei';} .menu{margin:20px auto 0; widt ...
ansible 2.1.0 api 编程
pdf文档 https://media.readthedocs.org/pdf/ansible/latest/ansible.pdf api介绍 http://blog.csdn.net/python ...
Codeforces 763A. Timofey and a tree
A. Timofey and a tree 题意:给一棵树,要求判断是否存在一个点,删除这个点后,所有连通块内颜色一样.$N,C \le 10^5$ 想法:这个叫换根吧.先求出一个点合法即其儿子的子树 ...
IE的Trident引擎下实现C++和Javascript相互调用
我们知道实现C++和Javascript通讯有下表5种接口: 引擎编写语言 API接口 C.C++与JavaScript交互(变量.函数.类) vc2005编译静态库的大小示例EXE的大小执行. ...
[VC]C++ operator 两种用法
C++中的operator,有两种用法,一种是operator overloading(操作符重载),一种是operator casting(操作隐式转换).下面分别进行介绍: 1.operato ...

利用python生成图形验证码

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

随机推荐

热门专题