using (Bitmap bitmap=new Bitmap(100,40))
{
using (Graphics g=Graphics.FromImage(bitmap))
{
//生成验证码
string s = code();
g.DrawString(s, new Font("黑体", 20), Brushes.Red, 0, 0);
bitmap.Save(context.Response.OutputStream,System.Drawing.Imaging.ImageFormat.Jpeg);
}
}
//改变bitmap的颜色 循环遍历
for (int j = 0; j < 100; j++)
{
for (int i = 0; i < 40; i++)
{
bitmap.SetPixel(j, i, Color.White);
}
}
//生成随机数的方法
private string code()
{
string s = "";
Random rd = new Random();
for (int i = 0; i < 4; i++)
{
int a = rd.Next(0, 10);
s += a.ToString();
}
return s;
}
前台调用以及javascript
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script>
window.onload = function () {
document.getElementById("img").onclick = function () {
this.src = 'huatu.ashx';
}
}
</script>
</head>
<body>
<img src="huatu.ashx" alt="验证码" id="img" title="点击更换" style="cursor:pointer" />
</body>
</html>
html页内利用jQuery控制验证码的大小
<script src="jquery-1.8.3.js"></script>
<script>
$(function () {
$('#img').mouseover(function () {
$(this).css({ "width": '120px', "height": "60px" });
}).mouseout(function () {
$(this).css({ "width": '', "height": "" })
});
})
</script>