注册 登陆
浏览模式: 标准 | 列表 Tag: 验证码

象 DEV-Club 那样的彩色校验码

Response.buffer = true
NumCode

Function NumCode()
    Response.Expires = -1
    Response.AddHeader "Pragma","no-cache"
    Response.AddHeader "cache-ctrol","no-cache"
    dim zNum,i,j
    dim Ados,Ados1
    Randomize timer
生成随机四位数字:
    zNum = cint(8999*Rnd+1000)
传递给session
    Session("GetCode") = zNum
该for循环是将随机数字放入一个下标3的数组,便于提供给后面的阵列变换
    dim zimg(3),NStr
        NStr=cstr(zNum)
        For i=0 to 3
            zimg(i)=cint(mid(NStr,i+1,1))
        Next
    dim Pos

'定义二个 ADODB.Stream binary对象,作图像数据操作之用:

    set Ados=Server.CreateObject("Adodb.Stream")
        Ados.Mode=3
        Ados.Type=1
        Ados.Open
    set Ados1=Server.CreateObject("Adodb.Stream")
        Ados1.Mode=3
        Ados1.Type=1
        Ados1.Open
'载入0~9的数字数据10x100的,Gbr的阵列数据,每个320字节,10个数字3200byte
'BGR一个点,10x10个点一个数字,一个点三个字节(二进制8位,16进制 00~FF)
'一行10个点 30字节 + 行结束标记 00 00 二字节 32字节,所以一个10x100宽小于长的图像每个数字10x10是320字节
'长大于宽的则无行结束标记 0000,直接是300字节
这些就是BMP 24bit的数据详细信息了
‘至于头部,也很简单,包含长宽,图像开始标记等等~~才54字节,远没jpg什么的复杂

        Ados.LoadFromFile(Server.mappath("body.Fix"))
        Ados1.write Ados.read(1280)
'第一个for循环,按生成的随机数字顺序从 10X100的数字阵列中提取出相应的四个数字
但是竖排的数字阵列
        for i=0 to 3
            Ados.Position=(9-zimg(i))*320
            Ados1.Position=i*320
            Ados1.write ados.read(320)
        next
'清空已经用完的ADOS的数据,调入替换新的图像头54字节的头文件    
        Ados.LoadFromFile(Server.mappath("head.fix"))
        Pos=lenb(Ados.read())
        Ados.Position=Pos '指定Pos位置,即可再偏移54字节的位置添加图形数据
第二个for循环,进行数字的阵列变换,由竖排的块转换为横排的数字块
方法是隔320字节抽取4次30字节写入ados对象,再抽取偏移第二行的图像数据
30字节是因为bmp 宽大于长时无00 00的行结束标记
        for i=0 to 9 step 1
            for j=0 to 3
                Ados1.Position=i*32+j*320
                Ados.Position=Pos+30*j+i*120
                Ados.write ados1.read(30)
            next
        next
        Ados.Position=0
response.BinaryWrite直接向客户端发送图像数据
        Response.ContentType = "image/BMP"
        Response.BinaryWrite Ados.read()
        Ados.Close:set Ados=nothing
        Ados1.Close:set Ados1=nothing
End Function
下载文件
点击这里下载文件

Tags: 验证码

如何生成个性风格的彩色验证码

在开始具体的修改工作之前,我们需要了解一下这个验证码组件的文件构成,本组件一共只有三个文件,它们分别是:

    1 checkcode.asp 负责生成和输出验证码 1309 byte。

    2 head.fix      是54byte的BMP头

    3 body.fix      数字0~9 10X100竖排的RGB阵列数据3200 byte

    搞清楚了这三个文件的具体功能后,我们知道了,如果欲打造自己的独特验证码风格,只要对body.fix 这一个文件做手脚就足够了,我们使用画图程序(你不会没用过吧!)来建立这个文件。


第一步:打开画图程序,建立一个10X100大小的BMP格式文件:
点击在新窗口中浏览此图片

在其中从上至下,每10像素为一个单位,分别绘入0-9这十个数字,这项工作需要一些耐心和仔细,大家要小心操作,如果你会使用PHOTOSHOP,这项工作就相对简单了。在绘制时,可以加一些自己独特的东西,比如笔者就加入了渐变的底色和底纹,绘制完成后,就是这个效果:


点击在新窗口中浏览此图片



图象绘制完成后,将文件存盘,切记存盘时需要选择存为24位位图格式的BMP图象文件。

      这么制作出来的文件是不能直接使用的,因为其中的前54Byte内容,已经在Head.fix文件里了,我们需要去除它才行。这里笔者需要使用一个小工具Hedit来打开刚才存盘的图象(这是一个很好用的2进制文件编辑器):
点击在新窗口中浏览此图片


选中图中的兰色部位,按下键盘上的DEL键:


点击在新窗口中浏览此图片



如果你的提示是如上图的删除54字节,点击确认,如果你的提示不是54字节,请重新选择后再删除。

      删除完成后,保存文件,并将其改名为 Body.fix,上传至你的网站中的对应目录,覆盖掉原文件,然后重新打开网站首页看一下,效果是不是已经出来了,我们成功拥有了一个色彩缤纷的个性验证码。


点击在新窗口中浏览此图片

Tags: 验证码