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())
    
    #一、打開磁盤文件句柄
    # f=open("validcode.png","wb")
    #將圖片保存到磁盤上
    # image.save(f,"png")
    #從磁盤讀取圖片字節數據
    # with open("validcode.png","rb") as f:
    #     data=f.read()
    
    #二、打開一個內存句柄
    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+="?"
    })