Servlet生成验证码图片

最新推荐文章于 2022-04-24 18:06:20 发布

yaerfeng

最新推荐文章于 2022-04-24 18:06:20 发布

阅读量2k

点赞数

分类专栏： J2EE 文章标签：验证码 servlet VerificationCode

本文链接：https://blog.csdn.net/yaerfeng/article/details/22478165

版权

J2EE 专栏收录该内容

96 篇文章 0 订阅

订阅专栏

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);" οnclick="refreshCode();">refresh</a>
      <br>
    <span id="codeImg"><img border=0 src="randomCode"></span>  
    <a href="javascript:void(0);" οnclick="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、上项目结构图：