实现图片验证码

1.纯js方式
2.后端已封装好的库方式
3.自已封装的方式

PIL四种实现方式，越来越趋于完美

方式一：

方式一：这样的方式吧路径写死了，只能是那一张图片

import os
path = os.path.join(settings.BASE_DIR,"static","image","3.jpg")  #路径拼接
with open(path,"rb") as f:
    data = f.read()
return HttpResponse(data)

方式二：
生成图片到本地，再返回给模板

方式二：每次都显示不同的图片，利用pillow模块，安装一个pillow模块

from PIL import Image
img = Image.new(mode="RGB",size=(120,40),color="green") #首先自己创建一个图片,参数size=(120,40) 代表长和高
f = open("validcode.png","wb")#然后把图片放在一个指定的位置
img.save(f,"png")  #保存图片
f.close()
with open("validcode.png","rb") as f:
    data = f.read()
return HttpResponse(data)

方式三：
生成图片到内存，再返回给模板

方式三：

# 方式二也不怎么好，因为每次都要创建一个保存图片的文件，我们可以不让吧图片保存到硬盘上，
# 在内存中保存，完了自动清除，那么就引入了方式三：利用BytesIO模块
from io import BytesIO
from PIL import Image
img = Image.new(mode="RGB",size=(120,40),color="blue")
f = BytesIO()  #内存文件句柄
img.save(f,"png")  #保存文件
data = f.getvalue()#打开文件(相当于python中的f.read())
return HttpResponse(data)

方式四：

import random

def check_code(width=120, height=30, char_length=5, font_file='kumo.ttf', font_size=28):
code = []
img = Image.new(mode='RGB', size=(width, height), color=(255, 255, 255))
draw = ImageDraw.Draw(img, mode='RGB')

def rndChar():
    """
    生成随机字母  
    :return:
    """
    return chr(random.randint(65, 90))

def rndColor():
    """
    生成随机颜色
    :return:
    """
    return (random.randint(0, 255), random.randint(10, 255), random.randint(64, 255))

# 写文字
font = ImageFont.truetype(font_file, font_size)
for i in range(char_length):
    char = rndChar()
    code.append(char)
    h = random.randint(0, 4)
    draw.text([i * width / char_length, h], char, font=font, fill=rndColor())

# 写干扰点
for i in range(40):
    draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())

# 写干扰圆圈
for i in range(40):
    draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())
    x = random.randint(0, width)
    y = random.randint(0, height)
    draw.arc((x, y, x + 4, y + 4), 0, 90, fill=rndColor())

# 画干扰线
for i in range(5):
    x1 = random.randint(0, width)
    y1 = random.randint(0, height)
    x2 = random.randint(0, width)
    y2 = random.randint(0, height)

    draw.line((x1, y1, x2, y2), fill=rndColor())

img = img.filter(ImageFilter.EDGE_ENHANCE_MORE)
return img,''.join(code)

if name == 'main':
# 1. 直接打开
# img,code = check_code()
# img.show()

# 2. 写入文件
# img,code = check_code()
# with open('code.png','wb') as f:
#     img.save(f,format='png')

# 3. 写入内存(Python3)
# from io import BytesIO
# stream = BytesIO()
# img.save(stream, 'png')
# stream.getvalue()

# 4. 写入内存（Python2）
# import StringIO
# stream = StringIO.StringIO()
# img.save(stream, 'png')
# stream.getvalue()

pass

画点

img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255))
draw = ImageDraw.Draw(img, mode='RGB')

第一个参数：表示坐标

第二个参数：表示颜色

draw.point([100, 100], fill="red")
draw.point([300, 300], fill=(255, 255, 255))
画线

img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255))
draw = ImageDraw.Draw(img, mode='RGB')

第一个参数：表示起始坐标和结束坐标

第二个参数：表示颜色

draw.line((100,100,100,300), fill='red')
draw.line((100,100,300,100), fill=(255, 255, 255))
画圆

img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255))
draw = ImageDraw.Draw(img, mode='RGB')

第一个参数：表示起始坐标和结束坐标（圆要画在其中间）

第二个参数：表示开始角度

第三个参数：表示结束角度

第四个参数：表示颜色

draw.arc((100,100,300,300),0,90,fill="red")
** 写文本**

img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255))
draw = ImageDraw.Draw(img, mode='RGB')

第一个参数：表示起始坐标

第二个参数：表示写入内容

第三个参数：表示颜色

draw.text([0,0],'python',"red")
特殊字体文字

第一个参数：表示字体文件路径

第二个参数：表示字体大小

font = ImageFont.truetype("kumo.ttf", 28)

第一个参数：表示起始坐标

第二个参数：表示写入内容

第三个参数：表示颜色

第四个参数：表示颜色

draw.text([0, 0], 'python', "red", font=font)