`
yaerfeng1989
  • 浏览: 227328 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Servlet生成验证码图片

阅读更多

1.验证码 -- 平台项目帐号登录时常用到的,有一定安全防范君子的报障,可防范没有什么技术小人呵呵,开玩笑不要认真,可能对初学者有帮助,有需要拿去吧

整理不易,转载请注明出处:Servlet生成验证码图片

代码下载地址:http://www.zuidaima.com/share/1724427578084352.htm

2.配置,主要是web.xml的配置,如下:

<servlet>
    <servlet-name>RandomCode</servlet-name>
    <servlet-class>com.zuidaima.servlet.RandomCode</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>RandomCode</servlet-name>
    <url-pattern>/randomCode</url-pattern>
</servlet-mapping>

 3.代码调用部分实现如下:

<body>
  <iframe src="/randomCode" id="codeFrame" name="codeFrame" frameborder="no" border="0" marginwidth="0"
      marginheight="0" scrolling="no" allowtransparency="yes" height="35" width="102"></iframe>
     <a href="javascript:void(0);" onclick="refreshCode();">refresh</a>
      <br>
    <span id="codeImg"><img border=0 src="randomCode"></span>  
    <a href="javascript:void(0);" onclick="reloadCode()"> try times</a>
  </body>
  <script type="text/javascript">
  function $(id){
	     return document.getElementById(id);
	 }
	 
	 /**刷新iframe**/
	 function refreshCode(){
	     window.frames["codeFrame"].location.reload();
	 }
	 
	/**替换图片**/
	function reloadCode(){
	    $("codeImg").innerHTML = "<img border=0 src='randomCode'>";
	}
  </script>

 

4、上项目结构图:

 

 

5、运行效果图

 

1
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics