DAY19-Pillow制作验证码

PIL：Python Imaging Library，已经是Python平台事实上的图像处理标准库了。PIL功能非常强大，但API却非常简单易用。

由于PIL仅支持到Python 2.7，加上年久失修，于是一群志愿者在PIL的基础上创建了兼容的版本，名字叫Pillow，支持最新Python 3.x，又加入了许多新特性，因此，我们可以直接安装使用Pillow。

安装Pillow

如果安装了Anaconda，Pillow就已经可用了。否则，需要在命令行下通过pip安装：

$ pip install pillow

操作图像

来看看最常见的图像缩放操作，只需三四行代码：

from PIL import Image

# 打开一个jpg图像文件，注意是当前路径:
im = Image.open('test.jpg')
# 获得图像尺寸:
w, h = im.size
print('Original image size: %sx%s' % (w, h))
# 缩放到50%:
im.thumbnail((w//2, h//2))
print('Resize image to: %sx%s' % (w//2, h//2))
# 把缩放后的图像用jpeg格式保存:
im.save('thumbnail.jpg', 'jpeg')

其他功能如切片、旋转、滤镜、输出文字、调色板等一应俱全。

比如，模糊效果也只需几行代码：

from PIL import Image, ImageFilter

# 打开一个jpg图像文件，注意是当前路径:
im = Image.open('test.jpg')
# 应用模糊滤镜:
im2 = im.filter(ImageFilter.BLUR)
im2.save('blur.jpg', 'jpeg')

效果如下：

PIL的ImageDraw提供了一系列绘图方法，让我们可以直接绘图。比如要生成字母验证码图片：

from PIL import Image, ImageDraw, ImageFont, ImageFilter

import random

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

# 随机颜色1:
def rndColor():
    return (random.randint(64, 255), random.randint(64, 255), random.randint(64, 255))

# 随机颜色2:
def rndColor2():
    return (random.randint(32, 127), random.randint(32, 127), random.randint(32, 127))

# 240 x 60:
width = 60 * 4
height = 60
image = Image.new('RGB', (width, height), (255, 255, 255))
# 创建Font对象:
font = ImageFont.truetype('Arial.ttf', 36)
# 创建Draw对象:
draw = ImageDraw.Draw(image)
# 填充每个像素:
for x in range(width):
    for y in range(height):
        draw.point((x, y), fill=rndColor())
# 输出文字:
for t in range(4):
    draw.text((60 * t + 10, 10), rndChar(), font=font, fill=rndColor2())
# 模糊:
image = image.filter(ImageFilter.BLUR)
image.save('code.jpg', 'jpeg')

def valid_img(request):
    #生成随机颜色
    import random
    def get_random_color():
        return (random.randint(0,255),random.randint(0,255),random.randint(0,255))
    from PIL import Image
    from PIL import ImageDraw,ImageFont
    from io import BytesIO
    #生成一个随机颜色的图片
    image=Image.new("RGB",(250,36),color=get_random_color())
    #实例化一个画笔
    draw=ImageDraw.Draw(image)
    #实例化字体kumo.ttf需要下载
    font = ImageFont.truetype("blog/static/font/kumo.ttf", size=32)
    #生成5位包含数字大小写的随机码
    random_str=""
    for i in range(5):
        random_num=str(random.randint(0,9))
        random_low_alpha=chr(random.randint(97,122))
        random_up_alpha=chr(random.randint(65,90))
        random_char=random.choice([random_num,random_low_alpha,random_up_alpha])
        #将生成的随机码画到图片上，（x轴,y轴）第四象限，随机码，随机字体颜色，字体类型
        draw.text((20+i*40,0),random_char,get_random_color(),font=font)
        random_str+=random_char
    #将随机码存入session
    request.session["random_str"]=random_str
    # 噪点噪线
    # width=250
    # height=36
    # for i in range(10):
    #     x1=random.randint(0,width)
    #     x2=random.randint(0,width)
    #     y1=random.randint(0,height)
    #     y2=random.randint(0,height)
    #     画线给定起点终点坐标，给定填充颜色
    #     draw.line((x1,y1,x2,y2),fill=get_random_color())
    #
    # for i in range(100):
    #     画点
    #     draw.point([random.randint(0, width), random.randint(0, height)], fill=get_random_color())
    #     x = random.randint(0, width)
    #     y = random.randint(0, height)
    #     画弧，在给定的区域内，在开始和结束角度之间绘制一条弧（圆的一部分）。
    #     draw.arc((x, y, x + 4, y + 4), 0, 90, fill=get_random_color())
    
    #1、打开磁盘文件句柄
    # f=open("validcode.png","wb")
    #将图片保存到磁盘上
    # image.save(f,"png")
    #从磁盘读取图片字节数据
    # with open("validcode.png","rb") as f:
    #     data=f.read()
    
    #2、打开一个内存句柄
    f=BytesIO()
    #将图片保存到内存中
    image.save(f,"png")
    #然后从内存中取出图片字节数据
    data=f.getvalue()
    
    
    #传给前端，前端img标签可直接读取图片的字节类型数据
    return HttpResponse(data)

html：

<div class="form-group">
                    <label for="">验证码</label>
                      <div class="row">
                          <div class="col-md-6">
                              <input type="text"id="valid"  class="form-control">
                          </div>
                          <div class="col-md-6">
                              <img width="250" height="36" src="/valid_img/" alt="" class="valid_img">
                          </div>
                      </div>

</div>

局部刷新验证码图片：

// 验证码局部刷新

    $(".valid_img").click(function () {

        $(this)[0].src+="?"
    })