打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
使用iframe实现,点击JSP页面中的验证码刷新
  1. 1、验证码生成页面ValiCode.jsp:


  1. <%@ page language="java" import="java.util.*,java.io.*,com.sun.image.codec.jpeg.*,java.awt.*,java.awt.image.*" pageEncoding="GB18030"%>
  2. <%
  3. String s="";
  4. int count=0;
  5. Random rand=new Random();
  6. count=rand.nextInt(9999);
  7. while(count<1000){
  8. count=rand.nextInt(9999);
  9. }
  10. s+=count;
  11. session.setAttribute("validate",s);
  12. response.setContentType("image/gif");
  13. BufferedImage image=new BufferedImage(65,30,BufferedImage.TYPE_INT_RGB);
  14. Graphics gra=image.getGraphics();
  15. gra.setColor(Color.RED);
  16. gra.fillRect(1,1,63,28);
  17. gra.setColor(Color.ORANGE);
  18. gra.setFont(new Font("隶书",Font.PLAIN,28));
  19. char c;
  20. for(int i=0;i<4;i++){
  21. c=s.charAt(i);
  22. gra.drawString(c+" ",i*15+4,23);
  23. }
  24. OutputStream toClient=response.getOutputStream();
  25. JPEGImageEncoder jpg=JPEGCodec.createJPEGEncoder(toClient);
  26. jpg.encode(image);
  27. toClient.close();
  28. out.clear();
  29. out=pageContext.pushBody();
  30. %>


2、设定刷新页面code.jsp:

主要引入验证码图片,点击时刷新。

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. body {
  6. margin-left: 0px;
  7. margin-top: 0px;
  8. margin-right: 0px;
  9. margin-bottom: 0px;
  10. }
  11. -->
  12. </style>
  13. <script language="javascript">
  14. function showVali()
  15. {
  16. history.go(0) ;
  17. }
  18. </script>
  19. </head>
  20. <body>
  21. <img src="/company/ValiCode.jsp" onClick="showVali()" >
  22. </body>
  23. </html>

3、在主题页index.jsp面使用iframe,引入验证码

<iframe id="myframe" width="65" height="30" src="/company/code.jsp" scrolling="no"></iframe>

4、点击即可实现刷新。

5、更简单的方法,在主题页index.jsp页面可以直接使用onclick实现请求刷新

<img id='imgVcode' src="ValiCode.jsp" onclick="document.getElementById('imgVcode').src = 'ValiCode.jsp?'+(new Date()).getTime()"/>

后面的时间可以改变地址,相当于发出不同的请求,页面实现刷新效果。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
java 通过流的方式读取本地图片并显示在jsp 页面上(类型以jpg、png等结尾的图片)
生成登录页面随机数图片的代码范例
getOutputStream() has already been called for this response的解决方法
iframe jsp 传值
session超时跳转首页
Cas自定义登录页面Ajax实现
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服