博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用 PIL模块实现生成动态验证码
阅读量:4943 次
发布时间:2019-06-11

本文共 2755 字,大约阅读时间需要 9 分钟。

简单说下需求:

当用户点击动态框时,实现实时更换动态库里的数字更换

模块: PIL  io

 

前端页面:

$('#id_img').click(function () {
let old_path = $('#id_img').attr('src'); $(this).attr('src', old_path += '?') });
 路由层:
url(r'^get_code/',views.get_code) 视图层
# PIl模块可以实现动态生成图像from PIL import Image, ImageDraw, ImageFont, ImageFilter#Image 生成图片#ImageDraw 在图片上写字#ImageFont  控制字体样式from io import BytesIO  #保存数据,并且在取的时候会以字节的形式返回,,StringIo 字符串形式返回#图片颜色动态变化,图片存放不依赖与文件的形式def get_code(request):    # img_obj = Image.new('RGB',(260,35),get_random())    # #生成一个BytesIo对象    # io_obj = BytesIO()  #将这个对象看成文件句柄    # img_obj.save(io_obj,'png')  # 将图片数据存入内存管理器中  需要指定图片格式    # return HttpResponse(io_obj.getvalue())  # 将保存的数据以二进制的数据返回出来    img_obj = Image.new('RGB',(260,35),get_random())    #生成一个画笔对象    img_draw = ImageDraw.Draw(img_obj)  #拿着画笔就可以在图片上为所欲为    #生成字体样式    img_font = ImageFont.truetype('static/font/11.ttf',30)  #30为字体大小    #随即验证码  数字+大小写字母    code = ''  #定义一个变量存储验证码    for i in range(5):        random_int = str(random.randint(0,9))        random_lower = chr(random.randint(97,122))        random_upper = chr(random.randint(65,90))        temp_code = random.choice([random_int,random_lower,random_upper])   # 在生成的当个验证码中随即一个        #将产生的字一个一个的写在图片上        img_draw.text((60+i*30, 0),temp_code,get_random(),img_font)   # code 记录        code += temp_code    print(code)    #考虑到需要比对验证码,选择将code存放到session表里    request.session['code'] = code    #生成io对象    io_obj = BytesIO()    #可以将字体 改的模糊一些  可选项    img_obj = img_obj.filter(ImageFilter.BLUR)    img_obj.save(io_obj,'png')    return HttpResponse(io_obj.getvalue()) #生成颜色构成三原色数字import randomdef get_random():    return random.randint(0,255),random.randint(0,255),random.randint(0,255)

  

整理版:
def get_random():    return random.randint(0,255),random.randint(0,255),random.randint(0,255)def get_code(request):    img_obj = Image.new('RGB',(260,35),get_random())  # 生成图像对象    img_draw = ImageDraw.Draw(img_obj)  # 生成画笔对象    img_font = ImageFont.truetype('static/font/1.ttf',30)  #生成字体对象    code = ''        #用来保存生成的随机码     for i in range(6):        random_int = str(random.randint(0,9))        random_lower = chr(random.randint(97,122))        random_upper = chr(random.randint(65,90))        temp_code = random.choice([random_int,random_lower,random_upper])        code += temp_code        img_draw.text((60+i*30,0),temp_code,get_random(),img_font)  # 指定xy,数据,颜色的样式,字体样式    # print(code)    request.session['code'] = code  # 作为session保存,用来验证前端传过来的随机码    io_obj = BytesIO()  # 保存数据做准备,生成一个io对象,并且在取的时候会以字节的形式返回    img_obj = img_obj.filter(ImageFilter.BLUR)    # 将字体改的模糊一些    img_obj.save(io_obj,'png')        # 保存数据,需要指定图片格式    return HttpResponse(io_obj.getvalue())   # 固定格式,取值返回给前端页面

  

 

转载于:https://www.cnblogs.com/changwenjun-666/p/11061355.html

你可能感兴趣的文章
JS获取农历日期
查看>>
PHP中的HTTP协议
查看>>
CSS给文字描边实现发光文字
查看>>
Java WebService入门实例
查看>>
css样式之补充
查看>>
结构与联合
查看>>
关于JS历史
查看>>
软件架构师工作流程
查看>>
将txt文本转换为excel格式
查看>>
BUPT复试专题—众数(2014)
查看>>
css-sprite切割图片(加快网页加载速度)
查看>>
20145316 《信息安全系统设计基础》第十四周学习总结
查看>>
Liferay7 BPM门户开发之18: 理解ServiceContext
查看>>
从零开始学区块链(3)
查看>>
Intel Galileo development documentation
查看>>
Jquery特效
查看>>
web服务器
查看>>
EV: Workaround to Allow Only One Instance or Window of outlook
查看>>
数据校验,
查看>>
IntelliJ IDEA完美解决tomcat8+乱码问题
查看>>