首先在項(xiàng)目里建立common目錄,編寫驗(yàn)證碼的函數(shù)
verification_code.py
import random from PIL import Image, ImageFont, ImageDraw def get_code(): mode = 'RGB' bg_width = 180 #這個(gè)是驗(yàn)證碼那個(gè)框框的寬度 bg_height = 30 #這個(gè)是驗(yàn)證碼那個(gè)框框的高度 bg_size = (bg_width, bg_height) bg_color = (255, 255, 255) ttf_path = 'config/DejaVuSansMono.ttf'#這個(gè)是字體,從linux里扒出來餓字體 # ttf_path = '/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf' #這個(gè)要換你服務(wù)器里有的字體才行 img = Image.new(mode, bg_size, bg_color) draw = ImageDraw.Draw(img, mode) font = ImageFont.truetype(ttf_path, 20)#這個(gè)俺也沒懂 # generate text letters = get_letters() for index, text in enumerate(letters): x = 35 * index + 10 #這個(gè)好像是調(diào)那個(gè)字符間距的 y = 0 draw.text((x, y), text, get_rdmcolor(), font) # blur the background for i in range(100): #這個(gè)是設(shè)置干擾線的,數(shù)值越大,干擾的越厲害 x = random.randint(0, bg_width) y = random.randint(0, bg_height) fill = get_rdmcolor() draw.point((x, y), fill) return img, letters def get_letters(): #這個(gè)就是從下面這些字母里去隨機(jī)4個(gè)出來 base = '1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM' result = [] for i in range(4): #這個(gè)是4位,應(yīng)該改更多位,那么上面的參數(shù)還要調(diào)試,不然顯示有問題 result.append(random.choice(base)) return result def get_rdmcolor(): return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)
模板
!DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>Title/title> /head> body> form method="POST" action="login/"> p>用戶名:input type="text" name="user">/p> p>密碼:input type="text" name="pwd">/p> label for="verification_code">驗(yàn)證碼:/label>input type="text" id="verification_code" name="verification_code" placeholder="Please type below code"> img class="identifyCode" title="點(diǎn)擊重新獲取" onclick="this.setAttribute('src','verification_code?random='+Math.random())" src="{% url 'verification_code' %}" alt="verification code"> br> input type="submit" value="登錄"> /form> script> /script> /body> /html>
onclick="this.setAttribute('src','verification_code?random='+Math.random())"
這個(gè) onclick事件 就是實(shí)現(xiàn)點(diǎn)擊圖片刷新驗(yàn)證碼功能 ,那為啥要加個(gè)隨機(jī)數(shù)呢,這樣就不會(huì)走瀏覽器緩存了
urls.py
from django.urls import path from test_login_app import views urlpatterns = [ path('',views.index), path('verification_code/', views.verification_code, name='verification_code'), path('login/',views.login), path('index/',views.index2), ]
views.py
from io import BytesIO from django.http import HttpResponse from django.shortcuts import render, redirect from common.verification_code import get_code # Create your views here. def index(request): return render(request, 'login.html') def verification_code(request): img, letters = get_code() request.session['verification_code'] = ''.join(letters) fp = BytesIO() img.save(fp, 'png') return HttpResponse(fp.getvalue(), content_type='image/png') def login(request):#我這個(gè)沒跟數(shù)據(jù)庫聯(lián)動(dòng),簡單模擬的邏輯 if request.method == 'POST': name = request.POST.get('user') password = request.POST.get('pwd') code = request.POST.get('verification_code') if name == 'fuck' and password == 'xxoo' and code == request.session.get('verification_code', ''): return redirect('/index/') return render(request,'login.html') def index2(request): return render(request,'index.html')
成品如圖
到此這篇關(guān)于Django中使用pillow實(shí)現(xiàn)登錄驗(yàn)證碼功能(帶刷新驗(yàn)證碼功能)的文章就介紹到這了,更多相關(guān)Django刷新驗(yàn)證碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
標(biāo)簽:欽州 黃山 濟(jì)南 喀什 宿遷 景德鎮(zhèn) 臺(tái)灣 三沙
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Django中使用pillow實(shí)現(xiàn)登錄驗(yàn)證碼功能(帶刷新驗(yàn)證碼功能)》,本文關(guān)鍵詞 Django,中,使用,pillow,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。