【原创】图片验证码怎么写？

今天跟大家聊聊怎么开发一个图片验证码

如有一天，你需要写一个图片验证码，这篇文章就派上用场了，以下直接上代码，代码中会有详细的注释

前提：

搭建一个Django的基础环境，然后新建一个app

在Views里写入实现方法

Python

import base64 import json from PIL import Image, ImageDraw, ImageFont from django.utils.six import BytesIO from django.http import HttpResponse # Create your views here. 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))] font = ImageFont.truetype("./verify_code/fonts/AppleSymbols.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，用于做进一步验证，这里需要注意：session 需配合 前端的cookies使用 request.session['verifycode'] = rand_str #内存文件操作 buf = BytesIO() #将图片保存在内存中，文件类型为png im.save(buf, 'png') #将内存中的图片数据返回给客户端，MIME类型为图片png return HttpResponse(base64.b64encode(buf.getvalue()), 'image/png') # 这里是把图片格式化为64位，然后传递给前端 # return HttpResponse(buf.getvalue(), 'image/png') # 这是另外一种方式，是直接把图片传递给前端页面，适合自己调用测试 def verify_yz(request): ''' 这是配合上边备注是的返回结果写的一个测试验证码的方法 ''' yzm = json.loads((request.body).decode('utf-8'))['yzm'].lower() verifycode = request.session['verifycode'].lower() response = HttpResponse('no') if yzm == verifycode: response = HttpResponse('ok') return response

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63

import base64 import json   from PIL import Image , ImageDraw , ImageFont from django . utils . six import BytesIO from django . http import HttpResponse   # Create your views here.   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 ) ) ]      font = ImageFont . truetype ( "./verify_code/fonts/AppleSymbols.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，用于做进一步验证，这里需要注意：session 需配合 前端的cookies使用      request . session [ 'verifycode' ] = rand_str      #内存文件操作      buf = BytesIO ( )      #将图片保存在内存中，文件类型为png      im . save ( buf , 'png' )      #将内存中的图片数据返回给客户端，MIME类型为图片png      return HttpResponse ( base64 . b64encode ( buf . getvalue ( ) ) , 'image/png' )      # 这里是把图片格式化为64位，然后传递给前端      # return HttpResponse(buf.getvalue(), 'image/png') # 这是另外一种方式，是直接把图片传递给前端页面，适合自己调用测试   def verify_yz ( request ) :      '''     这是配合上边备注是的返回结果写的一个测试验证码的方法     '''      yzm = json . loads ( ( request . body ) . decode ( 'utf-8' ) ) [ 'yzm' ] . lower ( )      verifycode = request . session [ 'verifycode' ] . lower ( )      response = HttpResponse ( 'no' )      if yzm == verifycode :          response = HttpResponse ( 'ok' )      return response

Python

注意： 1. 代码中的字体最好从你的开发平台复制一份字体文件存放到项目静态文件目录下。 2. 自己补充好对应的url路由，才能访问方法 3. 需要提前安装好对应的库

1 2 3 4 5

注意： 1. 代码中的字体最好从你的开发平台复制一份字体文件存放到项目静态文件目录下。 2. 自己补充好对应的 url路由，才能访问方法 3. 需要提前安装好对应的库

这里唠叨一句：

Python开发理念是：不去重复造轮子。有些人容易对这句话有误解，认为我不用自己去研究一个轮子怎么造成的， 只要会用就行了，这是一个错误的理念。

正确的理念是，当你在会用一个轮子的时候，还要了解这个轮子是怎么实现的。如有深入研究的想法时，最好通过自己的开发能力，完成这个轮子，或者这个轮子里的一部分功能。

欢迎大家关注我的公众号：