工具插件verifycode.py中,記得使用時需要在路由根目錄中引入文字資源文件
# coding:utf8 # __author: Administrator # date: 2018/3/18 0018 # /usr/bin/env python import random,os from PIL import Image,ImageDraw,ImageFont,ImageFilter class CreateCode: def __init__(self,size=(120,30),img_type="GIF",mode="RGB",bg_color=(255,255,255), fg_color=(0,0,255),font_size=18,font_type="Monaco.ttf",length=4, draw_lines=True,n_line = (1,2),draw_points=True,point_chance=2): ''' @todo: 生成驗證碼圖片 @param size: 圖片的大小,格式(寬,高),默認為(120, 30) @param img_type: 圖片保存的格式,默認為GIF,可選的為GIF,JPEG,TIFF,PNG @param mode: 圖片模式,默認為RGB @param bg_color: 背景顏色,默認為白色 @param fg_color: 前景色,驗證碼字符顏色,默認為藍色#0000FF @param font_size: 驗證碼字體大小 @param font_type: 驗證碼字體,默認為 ae_AlArabiya.ttf @param length: 驗證碼字符個數 @param draw_lines: 是否划干擾線 @param n_lines: 干擾線的條數范圍,格式元組,默認為(1, 2),只有draw_lines為True時有效 @param draw_points: 是否畫干擾點 @param point_chance: 干擾點出現的概率,大小范圍[0, 100] @return: [0]: PIL Image實例 @return: [1]: 驗證碼圖片中的字符串 ''' self.size=size self.img_type=img_type self.mode=mode self.bg_color=bg_color self.fg_color=fg_color self.font_size = font_size self.font_type =font_type self.length = length self.draw_lines =draw_lines self.point_chance = point_chance self.n_line=n_line self.draw_points=draw_points #執行初始化函數 self.getAllChar() self.initPaint() self.get_chars() def initPaint(self): ''' 初始畫布 :return: ''' self.width,self.height=self.size self.img = Image.new(self.mode,self.size,self.bg_color) self.draw = ImageDraw.Draw(self.img)#創建畫筆 def getAllChar(self): ''' 獲取所有字符串 :return: ''' _letter_cases = "zxcvbnmasdfghjklqwertyuiop" _upper_cases = _letter_cases.upper() _numbers = ''.join(map(str, range(0, 9))) # 獲取所有的字符 self.init_chars = ''.join((_letter_cases, _upper_cases, _numbers)) def get_chars(self): '''生成給定長度的字符串,返回裂變格式''' return random.sample(self.init_chars,self.length)#從給定字符串中獲取出隨機字符 def create_lines(self): '''繪制干擾線''' line_num = random.randint(*self.n_line)#從元組中獲取線條數目 for i in range(line_num): #起始點 begin = (random.randint(0,self.size[0]),random.randint(0,self.size[1]))#在圖片中隨機位置 end = (random.randint(0,self.size[0]),random.randint(0,self.size[1]))#在圖片中隨機位置 self.draw.line([begin,end],fill=(0,0,0)) def create_point(self): '''繪制干擾點''' chance = min(100,max(0,int(self.point_chance)))#大小限制在point_chance到100 for w in range(self.width): for h in range(self.height): tmp = random.randint(0,100) if tmp > 100-chance: self.draw.point((w,h),fill=(0,0,0)) def create_strs(self): '''繪制驗證碼''' c_chars = self.get_chars() strs = ' %s '%' '.join(c_chars) font = ImageFont.truetype(self.font_type,self.font_size) font_width,font_height = font.getsize(strs) self.draw.text(((self.width-font_width)/3,(self.height-font_height)/3),strs,font=font,fill=self.fg_color) return ''.join(c_chars) def get_img(self): if self.draw_lines: self.create_lines() if self.draw_points: self.create_point() strs = self.create_strs() # 圖形扭曲參數 params = [1 - float(random.randint(1, 2)) / 100, 0, 0, 0, 1 - float(random.randint(1, 10)) / 100, float(random.randint(1, 2)) / 500, 0.001, float(random.randint(1, 2)) / 500 ] img = self.img.transform(self.size, Image.PERSPECTIVE, params) # 創建扭曲 img = img.filter(ImageFilter.EDGE_ENHANCE_MORE) # 濾鏡,邊界加強(閾值更大) return img,strs if __name__=="__main__": img= CreateCode() image,code=img.get_img() print(code)
在控制器中調用,並生成路由,在前端調用
from backend.utils.verifycode import CreateCode
class VerifyImgHandler(BaseRequestHandler): def get(self): Img = CreateCode(img_type="PNG") img,code = Img.get_img() self.session['code']=code #StringIO操作的只能是str,如果要操作二進制數據,就需要使用BytesIO。 #BytesIO實現了在內存中讀寫bytes,我們創建一個BytesIO,然后寫入一些bytes mstream = io.BytesIO() # 創建一個BytesIO臨時保存生成圖片數據 img.save(mstream,"PNG")#將返回的驗證碼圖片數據,添加到BytesIO臨時保存 self.write(mstream.getvalue())#從BytesIO臨時保存,獲取圖片返回給img的 src= 進行顯示
路由添加:
(r"/getcode",AccountController.VerifyImgHandler)
前端代碼:
<div class="col-sm-4"> <img style="width: 100%;height: 100%" id="code" onclick="changeCode(this);" src="/getcode"/> </div>
function changeCode(ths){ var src =$(ths).attr("src") arr = src.split("?") src =arr[0]+'?'+Math.random() $(ths).attr("src",src) }
函數模板使用:
#!/usr/bin/env python # -*- coding:utf-8 -*- import random from PIL import Image, ImageDraw, ImageFont, ImageFilter _letter_cases = "abcdefghjkmnpqrstuvwxy" # 小寫字母,去除可能干擾的i,l,o,z _upper_cases = _letter_cases.upper() # 大寫字母 _numbers = ''.join(map(str, range(3, 10))) # 數字 init_chars = ''.join((_letter_cases, _upper_cases, _numbers)) def create_validate_code(size=(120, 30), chars=init_chars, img_type="GIF", mode="RGB", bg_color=(255, 255, 255), fg_color=(0, 0, 255), font_size=18, font_type="Monaco.ttf", length=4, draw_lines=True, n_line=(1, 2), draw_points=True, point_chance=2): """ @todo: 生成驗證碼圖片 @param size: 圖片的大小,格式(寬,高),默認為(120, 30) @param chars: 允許的字符集合,格式字符串 @param img_type: 圖片保存的格式,默認為GIF,可選的為GIF,JPEG,TIFF,PNG @param mode: 圖片模式,默認為RGB @param bg_color: 背景顏色,默認為白色 @param fg_color: 前景色,驗證碼字符顏色,默認為藍色#0000FF @param font_size: 驗證碼字體大小 @param font_type: 驗證碼字體,默認為 ae_AlArabiya.ttf @param length: 驗證碼字符個數 @param draw_lines: 是否划干擾線 @param n_lines: 干擾線的條數范圍,格式元組,默認為(1, 2),只有draw_lines為True時有效 @param draw_points: 是否畫干擾點 @param point_chance: 干擾點出現的概率,大小范圍[0, 100] @return: [0]: PIL Image實例 @return: [1]: 驗證碼圖片中的字符串 """ width, height = size # 寬高 # 創建圖形 img = Image.new(mode, size, bg_color) draw = ImageDraw.Draw(img) # 創建畫筆 def get_chars(): """生成給定長度的字符串,返回列表格式""" return random.sample(chars, length) def create_lines(): """繪制干擾線""" line_num = random.randint(*n_line) # 干擾線條數 for i in range(line_num): # 起始點 begin = (random.randint(0, size[0]), random.randint(0, size[1])) # 結束點 end = (random.randint(0, size[0]), random.randint(0, size[1])) draw.line([begin, end], fill=(0, 0, 0)) def create_points(): """繪制干擾點""" chance = min(100, max(0, int(point_chance))) # 大小限制在[0, 100] for w in range(width): for h in range(height): tmp = random.randint(0, 100) if tmp > 100 - chance: draw.point((w, h), fill=(0, 0, 0)) def create_strs(): """繪制驗證碼字符""" c_chars = get_chars() strs = ' %s ' % ' '.join(c_chars) # 每個字符前后以空格隔開 font = ImageFont.truetype(font_type, font_size) font_width, font_height = font.getsize(strs) draw.text(((width - font_width) / 3, (height - font_height) / 3), strs, font=font, fill=fg_color) return ''.join(c_chars) if draw_lines: create_lines() if draw_points: create_points() strs = create_strs() # 圖形扭曲參數 params = [1 - float(random.randint(1, 2)) / 100, 0, 0, 0, 1 - float(random.randint(1, 10)) / 100, float(random.randint(1, 2)) / 500, 0.001, float(random.randint(1, 2)) / 500 ] img = img.transform(size, Image.PERSPECTIVE, params) # 創建扭曲 img = img.filter(ImageFilter.EDGE_ENHANCE_MORE) # 濾鏡,邊界加強(閾值更大) return img, strs
調用:
def check_code(req): stream = BytesIO() #獲取內存塊句柄,將數據保存在內存中 img,code = create_validate_code() img.save(stream,'PNG') req.session['check_code']=code.lower() return HttpResponse(stream.getvalue()) #獲取內存中的數據,返回給頁面
或者:
f = open('1.png','wb') #獲取文件句柄,將數據保存在文件中 img,code = create_validate_code() img.save(f,"PNG") #將圖片二進制數據寫入文件中
