js如何生成验证码图片

A. 如何用js写验证码程序

方法/步骤

• 打开网页编辑器编写div+css代码，先把界面做好，然后再做功能，代码如下所示：

  <form name="form1">

  请输入要产生的验证码的位数：<input type="text" name="digit" id="digit">

  <br><br>

  <input type="button" value="生成" onClick="deal()">

  &nbsp<input type="button" value="刷新" onClick="qc()">

  <br><br>

  <div id="result"></div>

  </form>

  

B. 如何使用javascript制作验证码

你这太简单了吧，呵呵！
使用方法：
1. 将以下代码保存为img.asp
2. 在要显示位置插入<img src="img.asp?number=55-00">

<%
Call Com_CreatValidCode(Request.QueryString("number"))
Public Sub Com_CreatValidCode(pTel)
'----------禁止缓存
Response.Expires = 0
Response.AddHeader "Pragma","no-cache"
Response.AddHeader "cache-ctrol","no-cache"
Response.ContentType = "Image/BMP"
Randomize
Dim i, ii, iii ,rndColor,strLen,sql,rs
Const cOdds = 5 '------------杂点出现的机率
Const str="0123456789-"
strLen = len(pTel)
rndColor = ChrB(cint(rnd*255)) & ChrB(cint(rnd*255)) & ChrB(cint(rnd*255))
'-----------颜色的数据(字符，背景)
Dim vColorData(1)
'vColorData(0) = ChrB(0) & ChrB(0) & ChrB(0) '----蓝0，绿0，红0（黑色）
'vColorData(1) = ChrB(255) & ChrB(255) & ChrB(255) '----蓝250，绿236，红211（浅蓝色）
'vColorData(0) = ChrB(197) & ChrB(106) & ChrB(49) '---- 蓝0，绿0，红0（黑色）
'vColorData(1) = ChrB(238) & ChrB(210) & ChrB(193) '-----蓝250，绿236，红211（浅蓝色）
vColorData(0) = ChrB(0) & ChrB(0) & ChrB(0) '---------蓝0，绿0，红0（黑色）
vColorData(1) = ChrB(205) & ChrB(237) & ChrB(245) '------------蓝250，绿236，红211（浅蓝色）

'--------------------随机产生字符
Randomize
Dim vCode()
redim vCode(strLen-1)
For i = 0 To strLen-1
vCode(i) =instr(1,str,mid(pTel,i+1,1),1)-1
Next

'-----------字符的数据
Dim vNumberData(11)
'Verdana Font
vNumberData(0) = "1111111111"
vNumberData(1) = "1111111111"
vNumberData(2) = "0111111111"
vNumberData(3) = "1111111111"
vNumberData(4) = "0111111111"
vNumberData(5) = "1111111111"
vNumberData(6) = "1111111111"
vNumberData(7) = "1111111111"
vNumberData(8) = "1111111111"
vNumberData(9) = "0111111111"
vNumberData(10) = "1111111111"
vNumberData(11) = "1111111111"
'-----------------输出图像文件头 <br>
Response.BinaryWrite ChrB(66) & ChrB(77) &chrb(((strLen*8*10*3+54) mod 256)) & chrb(((strLen*8*10*3+54)\ 256)mod 256) & ChrB((((strLen*8*10*3+54)\ 256)\256)mod 256) & ChrB(((((strLen*8*10*3+54)\ 256)\256)\256)mod 256) & ChrB(0) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(54) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(40) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(strLen*8) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(10) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(1) & ChrB(0)
'------------------输出图像信息头
Response.BinaryWrite ChrB(24) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0)&_
ChrB((strLen*8*10*3)mod 256)&ChrB(((strLen*8*10*3)\256)mod 256)&ChrB((((strLen*8*10*3)\256)\256)mod 256)&ChrB(((((strLen*8*10*3)\256)\256)\256)mod 256)&_
ChrB(196) & ChrB(14) & ChrB(0) & ChrB(0) & ChrB(196) & ChrB(14)&ChrB(0) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0)
For i = 9 To 0 Step -1 '----------历经所有行
For ii = 0 To strLen-1 '-------历经所有字
For iii = 1 To 8 '--------历经所有像素
'---------逐行、逐字、逐像素地输出图像数据
If Rnd * 99 + 1 < cOdds Then '---------随机生成杂点
Response.BinaryWrite rndColor
Else
Response.BinaryWrite vColorData(Mid(vNumberData(vCode(ii)), i * 8 + iii, 1))
End If
Next
Next
Next
End Sub
%>
是否可以解决您的问题？

C. JS点击图片后显示验证码 如何实现

最简单的方法你把图一的显示验证码也弄成一个图片，比如叫code.png，上面你的代码就能换成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"

D. 底纹是杂色的验证码用js如何生成

为嘛验证码要用JS的，不是很不安全吗，人家直接可以页面修改JS的内容操作，我有C#的代码

E. javascript中验证码如何以图片形式生成

我们一般是后端语言生成随机验证码的图片流，并记录当前生成的图片数值。前台就直接用img元素显示这个图片流，等用户提交后，就判断用户填写的验证码是否跟后台记录的图片数值相同，这个操作一般不需要javascript来处理。涉及到安全方面的东西，我们一般不用javascript来实现。

F. JS如何实现图片验证码

<script language="JavaScript">
function reloadcode(){
var verify=document.getElementById('safecode');
verify.setAttribute('src','images/chknumber.jsp?'+Math.random());
//这里必须加入随机数不然地址相同我发重新加载
}
</script>
=========================

然后再验证码图片里面写onclick呼出上面的函数重新加载.

程序代码
<img src="images/chknumber.jsp" id="safecode" border="0" onclick="reloadcode()" style="cursor:hand;padding:2px 8px 0pt 3px;" />