實現(xiàn)圖片驗證碼
1.純js方式
2.后端已封裝好的庫方式
3.自已封裝的方式
PIL四種實現(xiàn)方式，越來越趨于完美
方式一：
方式一：這樣的方式吧路徑寫死了，只能是那一張圖片
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") #首先自己創(chuàng)建一個圖片,參數(shù)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)
方式三：
生成圖片到內(nèi)存，再返回給模板
方式三：
# 方式二也不怎么好，因為每次都要創(chuàng)建一個保存圖片的文件，我們可以不讓吧圖片保存到硬盤上，
# 在內(nèi)存中保存，完了自動清除，那么就引入了方式三：利用BytesIO模塊
from io import BytesIO
from PIL import Image
img = Image.new(mode="RGB",size=(120,40),color="blue")
f = BytesIO() #內(nèi)存文件句柄
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. 寫入內(nèi)存(Python3)
# from io import BytesIO
# stream = BytesIO()
# img.save(stream, 'png')
# stream.getvalue()
# 4. 寫入內(nèi)存（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')
第一個參數(shù)：表示坐標
第二個參數(shù)：表示顏色
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')
第一個參數(shù)：表示起始坐標和結(jié)束坐標
第二個參數(shù)：表示顏色
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')
第一個參數(shù)：表示起始坐標和結(jié)束坐標（圓要畫在其中間）
第二個參數(shù)：表示開始角度
第三個參數(shù)：表示結(jié)束角度
第四個參數(shù)：表示顏色
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')
第一個參數(shù)：表示起始坐標
第二個參數(shù)：表示寫入內(nèi)容
第三個參數(shù)：表示顏色
draw.text([0,0],'python',"red")
特殊字體文字
第一個參數(shù)：表示字體文件路徑
第二個參數(shù)：表示字體大小
font = ImageFont.truetype("kumo.ttf", 28)
第一個參數(shù)：表示起始坐標
第二個參數(shù)：表示寫入內(nèi)容
第三個參數(shù)：表示顏色
第四個參數(shù)：表示顏色
draw.text([0, 0], 'python', "red", font=font)
