1.導(dǎo)入模塊 并定義一個(gè)驗(yàn)證狀態(tài)
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比秦都網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式秦都網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋秦都地區(qū)。費(fèi)用合理售后完善,十載實(shí)體公司更值得信賴。
from PIL import Image, ImageDraw, ImageFont from django.utils.six import BytesIO def verify_code(request): #引入隨機(jī)函數(shù)模塊 import random #定義變量,用于畫面的背景色、寬、高 bgcolor = (random.randrange(20, 100), random.randrange( 20, 100), 255) width = 100 height = 25 #創(chuàng)建畫面對(duì)象 im = Image.new('RGB', (width, height), bgcolor) #創(chuàng)建畫筆對(duì)象 draw = ImageDraw.Draw(im) #調(diào)用畫筆的point()函數(shù)繪制噪點(diǎn) 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) #定義驗(yàn)證碼的備選值 str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0' #隨機(jī)選取4個(gè)值作為驗(yàn)證碼 rand_str = '' for i in range(0, 4): rand_str += str1[random.randrange(0, len(str1))] #構(gòu)造字體對(duì)象,ubuntu的字體路徑為“/usr/share/fonts/truetype/freefont” font = ImageFont.truetype('FreeMono.ttf', 23) #構(gòu)造字體顏色 fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255)) #繪制4個(gè)字 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,用于做進(jìn)一步驗(yàn)證 request.session['verifycode'] = rand_str #內(nèi)存文件操作 buf = BytesIO() #將圖片保存在內(nèi)存中,文件類型為png im.save(buf, 'png') #將內(nèi)存中的圖片數(shù)據(jù)返回給客戶端,MIME類型為圖片png return HttpResponse(buf.getvalue(), 'image/png')
3.在網(wǎng)頁中直接放入img中
<img src="/verify_code/" alt="驗(yàn)證碼">
4.使用ajax 獲取驗(yàn)證密碼和賬號(hào)
<!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>請(qǐng)輸入驗(yàn)證碼</a> <br> <img src="/verify_code/" alt="驗(yàn)證碼"> <input type="button" id="Ajax" value="ajax登陸"> <br> <input type="checkbox" id = "ow" name="ow"> 記住密碼<br> <a href="/get_cookies">點(diǎn)擊到獲取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 //驗(yàn)證失敗返回3 if (data.res == 1) { $('.show').show().html('登陸成功') } else if (data.res == 0) { $('.show').show().html('登陸失敗') } else if (data.res == 3){ $('.show').show().html('驗(yàn)證碼輸入失敗') } } }); }); }); </script>
在上面 ajax 中 向服務(wù)器發(fā)送了 賬號(hào)密碼 和 驗(yàn)證碼
在驗(yàn)證函數(shù)中
yzm = request.POST.get('yum') # 獲取傳入的 驗(yàn)證碼 vaue = request.session['verifycode'] # 生成圖片的時(shí)候 把驗(yàn)證碼存到了session 中 if yzm !=vaue: #如果不相等的話會(huì)返回 3 HTML ajax 會(huì)顯示驗(yàn)證錯(cuò)誤 return JsonResponse({'res':3})
成果圖:
總結(jié)
以上所述是小編給大家介紹的django 利用pillow 進(jìn)行簡(jiǎn)單的設(shè)置驗(yàn)證碼功能(python),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
網(wǎng)站名稱:django利用pillow進(jìn)行簡(jiǎn)單的設(shè)置驗(yàn)證碼功能(python)
網(wǎng)站URL:http://aaarwkj.com/article24/pjdpce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、、定制開發(fā)、網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)