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;" />