溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1.導入模塊 并定義一個驗證狀態
from PIL import Image, ImageDraw, ImageFont
from django.utils.six import BytesIO
def verify_code(request):
#引入隨機函數模塊
import random
#定義變量，用于畫面的背景色、寬、高
bgcolor = (random.randrange(20, 100), random.randrange(
20, 100), 255)
width = 100
height = 25
#創建畫面對象
im = Image.new('RGB', (width, height), bgcolor)
#創建畫筆對象
draw = ImageDraw.Draw(im)
#調用畫筆的point()函數繪制噪點
for i in range(0, 100):
xy = (random.randrange(0, width), random.randrange(0, height))
fill = (random.randrange(0, 255), 255, random.randrange(0, 255))
draw.point(xy, fill=fill)
#定義驗證碼的備選值
str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0'
#隨機選取4個值作為驗證碼
rand_str = ''
for i in range(0, 4):
rand_str += str1[random.randrange(0, len(str1))]
#構造字體對象，ubuntu的字體路徑為“/usr/share/fonts/truetype/freefont”
font = ImageFont.truetype('FreeMono.ttf', 23)
#構造字體顏色
fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255))
#繪制4個字
draw.text((5, 2), rand_str[0], font=font, fill=fontcolor)
draw.text((25, 2), rand_str[1], font=font, fill=fontcolor)
draw.text((50, 2), rand_str[2], font=font, fill=fontcolor)
draw.text((75, 2), rand_str[3], font=font, fill=fontcolor)
#釋放畫筆
del draw
#存入session，用于做進一步驗證
request.session['verifycode'] = rand_str
#內存文件操作
buf = BytesIO()
#將圖片保存在內存中，文件類型為png
im.save(buf, 'png')
#將內存中的圖片數據返回給客戶端，MIME類型為圖片png
return HttpResponse(buf.getvalue(), 'image/png')
3.在網頁中直接放入img中
<img src="/verify_code/" alt="驗證碼">
4.使用ajax 獲取驗證密碼和賬號
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
</head>
<body>
<h2 class="show"></h2>
<input type="text" id = username value="{{username}}"> <br>
<input type="text" id = password> <br>
<input type="text" id = yum> <a>請輸入驗證碼</a> <br>
<img src="/verify_code/" alt="驗證碼">
<input type="button" id="Ajax" value="ajax登陸"> <br>
<input type="checkbox" id = "ow" name="ow"> 記住密碼<br>
<a href="/get_cookies">點擊到獲取cookies</a>
</body>
<script src="/static/index/js/jquery-3.3.1.min.js"></script>
</html>
<script>
$(function () {
$('#Ajax').click(function () {
username = $('#username').val();
password = $('#password').val();
ow = $("#ow").val();
yum = $('#yum').val();
$.ajax({
'url': '/loginajax',
'type': 'post',
'data': {'username': username, 'password': password,
"yum":yum,},
'success':function(data){
//登陸成功返回1
//登陸失敗返回0
//驗證失敗返回3
if (data.res == 1) {
$('.show').show().html('登陸成功')
} else if (data.res == 0) {
$('.show').show().html('登陸失敗')
} else if (data.res == 3){
$('.show').show().html('驗證碼輸入失敗')
}
}
});
});
});
</script>
在上面 ajax 中 向服務器發送了 賬號密碼 和 驗證碼
在驗證函數中
yzm = request.POST.get('yum') # 獲取傳入的 驗證碼
vaue = request.session['verifycode'] # 生成圖片的時候 把驗證碼存到了session 中
if yzm !=vaue: #如果不相等的話會返回 3 HTML ajax 會顯示驗證錯誤
return JsonResponse({'res':3})
成果圖：
總結
以上所述是小編給大家介紹的django 利用pillow 進行簡單的設置驗證碼功能（python）,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
