html怎么实现图片验证码_随笔

<HTML>

<HEAD>

function createCode(len)

{

var seed = new Array(

'abcdefghijklmnopqrstuvwxyz',

'ABCDEFGHIJKLMNOPQRSTUVWXYZ',

'0123456789'

)//创建需要的数据数组

var idx,i

var result = ''//返回的结果变量

for (i=0i<leni++) //根据指定的长度

{

idx = Math.floor(Math.random()*3)//获得随机数据的整数部分-获取一个随机整数

result += seed[idx].substr(Math.floor(Math.random()*(seed[idx].length)), 1)//根据随机数获取数据中一个值

}

return result//返回随机结果

}

function test() {

var inputRandom=document.getElementById("inputRandom").value

var autoRandom=document.getElementById("autoRandom").innerHTML

if(inputRandom==autoRandom) {

alert("通过验证")

} else {

alert("没有通过验证")

}

</SCRIPT>

</HEAD>

<BODY>

验证码长度：

</SELECT>

<BR>

<table>

<tr>

</tr>

</table>

window.onload()=autoRandom.innerHTML=createCode(sel.value)

</script>

</BODY>

</HTML>

本回答

using System

using System.IO

using System.Drawing

using System.Drawing.Imaging

using System.Text

using System.Collections

using System.Web

using System.Web.UI

using System.Web.UI.WebControls

using System.Web.UI.WebControls.WebParts

using System.Web.UI.HtmlControls

/**//// <summary>

///

/// ** asp.net(C#) 生成验证码 **

///

/// File: GenerateCheckCode.aspx.cs

///

/// Author: 周振兴 (Zxjay 飘遥)

///

/// E-Mail: tda7264@163.com

///

/// Date: 07-04-10

///

/// </summary>

public partial class GenerateCheckCode : System.Web.UI.Page

...{

protected void Page_Load(object sender, EventArgs e)

...{

string chkCode = string.Empty

//颜色列表，用于验证码、噪线、噪点

Color[] color =...{ Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown, Color.Brown, Color.DarkBlue }

//字体列表，用于验证码

string[] font =...{ "Times New Roman", "MS Mincho", "Book Antiqua", "Gungsuh", "PMingLiU", "Impact" }

//验证码的字符集，去掉了一些容易混淆的字符

char[] character =...{ '2', '3', '4', '5', '6', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'W', 'X', 'Y' }

Random rnd = new Random()

//生成验证码字符串

for (int i = 0i <4i++)

...{

chkCode += character[rnd.Next(character.Length)]

}

Bitmap bmp = new Bitmap(100, 40)

Graphics g = Graphics.FromImage(bmp)

g.Clear(Color.White)

//画噪线

for (int i = 0i <10i++)

...{

int x1 = rnd.Next(100)

int y1 = rnd.Next(40)

int x2 = rnd.Next(100)

int y2 = rnd.Next(40)

Color clr = color[rnd.Next(color.Length)]

g.DrawLine(new Pen(clr), x1, y1, x2, y2)

}

//画验证码字符串

for (int i = 0i <chkCode.Lengthi++)

...{

string fnt = font[rnd.Next(font.Length)]

Font ft = new Font(fnt, 18)

Color clr = color[rnd.Next(color.Length)]

g.DrawString(chkCode[i].ToString(), ft, new SolidBrush(clr), (float)i * 20 + 8, (float)8)

}

//画噪点

for (int i = 0i <100i++)

...{

int x = rnd.Next(bmp.Width)

int y = rnd.Next(bmp.Height)

Color clr = color[rnd.Next(color.Length)]

bmp.SetPixel(x, y, clr)

}

//清除该页输出缓存，设置该页无缓存

Response.Buffer = true

Response.ExpiresAbsolute = System.DateTime.Now.AddMilliseconds(0)

Response.Expires = 0

Response.CacheControl = "no-cache"

Response.AppendHeader("Pragma", "No-Cache")

//将验证码图片写入内存流，并将其以 "image/Png" 格式输出

MemoryStream ms = new MemoryStream()

try

...{

bmp.Save(ms, ImageFormat.Png)

Response.ClearContent()

Response.ContentType = "image/Png"

Response.BinaryWrite(ms.ToArray())

}

finally

...{

//显式释放资源

bmp.Dispose()

g.Dispose()

}

使用方法如下：

新建名为 GenerateCheckCode.aspx 的文件，将上述代码拷贝到代码文件 GenerateCheckCode.aspx.cs

在需要验证码的地方放置语句 <asp:Image ID="img1" runat="server" ImageUrl="~/GenerateCheckCode.aspx" />即可。

html验证码用验证码标签。

可以用JS做个简单的验证码 <script language="javascript">var code//在全局定义验证码

function createCode(){ //创建验证码函数code = ""。

var codeLength =5//验证码的长度var selectChar =newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z')//所有候选组成验证码的字符，当然也可以用中文的。

主要流程：

比如我们要从一副图片中，识别出验证码；比如我们要从一副图片中，检测并识别出一张人脸。

1、图像采集：验证码呢，就直接通过HTTP抓HTML，然后分析出图片的url，然后下载保存就可以了。如果是人脸检测识别，一般要通过视屏采集设备，采集回来，通过A/D转 *** 作，存为数字图片或者视频。

2、预处理：检测是正确的图像格式，转换到合适的格式，压缩，剪切出ROI，去除噪音，灰度化，转换色彩空间这些。

3、检测：车牌检测识别系统要先找到车牌的大概位置，人脸检测系统要找出图片中所有的人脸（包括疑似人脸）；验证码识别呢，主要是找出文字所在的主要区域。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7190151.html

html怎么实现图片验证码

发表评论

评论列表（0条）