利用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将字符串绘制城图 ...

随机推荐

Lambda动态排序分页通用方法
using System; using System.Collections.Generic; using System.Linq; using System.Linq.Expressions; us ...
JSTL，JQuery，Ajax，Json
JSTL 的定义 1 JSP 标准标签库 (JavaServerPage Standard Tag Library) 2 JSTL 通常会与EL 表达式合作实现JSP页面的编码 JSTL 的 ...
linux 解决 gvfsd-smb-browse CPU 100%占用
原文地址:https://bugzilla.redhat.com/show_bug.cgi?id=1303300 1: sudo vim /etc/samba/smb.conf 2:定位到[globa ...
ZR18提高5解题报告
不想说啥了,比赛期间智商全程下线 A 设$f[i][j]$表示前$i$个位置,前缀和为$j$的方案数,转移的时候该位置放了什么,以及该位置之前的和是多少. 发现第二维可以前缀和优化. 不用管代码里的f ...
C#Udp组播
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.N ...
iOS核心动画高级技巧之核心动画(三)
iOS核心动画高级技巧之CALayer(一) iOS核心动画高级技巧之图层变换和专用图层(二)iOS核心动画高级技巧之核心动画(三)iOS核心动画高级技巧之性能(四)iOS核心动画高级技巧之动画总结( ...
mustache.js 数组循环的索引
在使用mustache作为模板引擎时,想要利用数组中的对象的索引排序,却发现mustache中无法获得数组索引,在一番搜索之后,发现在数组的对象中加入索引,就可以了,示例如下 /html {{#dat ...
VMware安装win7系统
1.创建一个虚拟机 2.配置iso映射文件 3.设置boot设置第一启动为cd 4.快速分区后重启电脑,然后选择[A]安装win7. 重启电脑后安装win7系统搞定...
手机上如何远程控制Linux服务器？
这里介绍3个手机软件,分别是JuiceSSH.Termius和Termux,这3个软件都可以实现远程控制Linux服务器(相当于手机SSH客户端),而且使用起来都非常方便,下面我简单介绍一下这3个软件 ...
GC Root总结
为什么80%的码农都做不了架构师?>>> JVM根据GC Roots算法判定一个对象需要被回收,GC Roots一般在JVM的栈区域里产生. GC Roots原理 GC Roots基 ...

利用python生成图形验证码

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

随机推荐

热门专题