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

JavaScript015

javascript中验证码如何以图片形式生成,第1张

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

<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:handpadding:2px 8px 0pt 3px" />

最简单的方法你把图一的显示验证码也弄成一个图片，比如叫code.png，上面你的代码就能换成

<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"