驗證碼制作

#string模塊自帶數字、字母、特殊字符變量集合，不需要我們手寫集合import stringimport randomimport osimport uuidimport settingsfrom PIL import Image, ImageDraw, ImageColor, ImageFilter, ImageFontclass Code(object): # 生成隨機生成數字或字母 def random_hexdigits(self, len=1): return random.sample(string.hexdigits, len)  # 生成干擾字符 def punctuation(self, len=1): return tuple(random.sample(string.punctuation, len))  # 定義干擾字符顏色 def random_color(self, min=64, max=255): return tuple((random.randint(min, max) for i in range(3)))  # 生成驗證碼 def creat_code(self, width=80, height=24, color=(192, 192, 192)): image = Image.new('RGB', (width, height), color) #建議下載幾款字體，變換下風格，我在setting粒定義了static路徑，這里就直接導入了 font = ImageFont.truetype(os.path.join(settings.STATICPATH, 'fonts/Lora-Regular.ttf'), 20) draw = ImageDraw.Draw(image) self.fill_color(draw, image, 5) self.fill_dischar(draw, image, 10) code = self.fill_char(draw, image, 4, 10, font) image_name = '{}.jpeg'.format(uuid.uuid4().hex) image_path = os.path.join(settings.STATICPATH, 'code/{}'.format(image_name)) print(image_path) image.save(image_path) return {'code': code, 'image_path': image_path}  # 填充顏色 def fill_color(self, draw, image, interval): for i in range(0, image.width, interval):  for j in range(0, image.height, interval):  draw.point((i, j), fill=self.random_color())  # 填充驗證碼 def fill_dischar(self, draw, image, interval): for i in range(0, image.width, interval):  dis = self.punctuation()  j = random.randrange(3, image.height - 3)  draw.text((i, j), dis[0], fill=self.random_color(64, 255))  # 填充驗證碼 def fill_char(self, draw, image, num, interval, font): code = '' for i in range(num):  cha = self.random_hexdigits()  code += str(cha[0])  j = random.randrange(0, 5)  # print(cha)  # print(image.width*(i/num)+interval,j)  draw.text((image.width * (i / num) + interval, j), cha[0], fill=self.random_color(32, 127), font=font) return codeif __name__ == "__main__": code = Code() print(code.creat_code())

flask路由配置

import osfrom flask import Flask, Responsefrom flask import render_templatefrom utils.code import Codeapp = Flask(__name__)@app.route('/')def Register(): return render_template('verify.html')@app.route('/codes/')def code(): infor = Code().creat_code() image_path = infor["image_path"] code = infor['code']  print(image_path) with open(image_path, 'rb') as f:  image_content = f.read() os.remove(image_path) return Response(image_content, mimetype='jpeg')if __name__ == '__main__': app.run(debug=True)

前端配置

 <div class='form-row'>   <form id="email_register_form" method="post" autocomplete="off">    <div class="form-group ">     <label>郵     箱</label>     <input type="text" id="id_email" name="email" value="None" placeholder="請輸入您的郵箱地址"/>    </div>    <div class="form-group ">     <label>密     碼</label>     <input type="password" id="id_password" name="password" value="None" placeholder="請輸入6-20位非中文字符密碼"/>    </div>    <div class="form-group captcha1 ">     <label>驗 證 碼</label>     <img src="/codes/" alt="captcha" title="點擊切換" class="captcha"       onclick="this.src='codes/?'+Math.random()"/>     <input autocomplete="off" id="id_captcha_1" name="captcha_1" height="30px" type="text">    </div>    <input class="btn btn-green" id="jsEmailRegBtn" type="submit" value="注冊"/>   </form>