JSP开发之生成图片验证码技术的详解
时间:2019-04-07
本文章向大家介绍JSP开发之生成图片验证码技术的详解,主要包括JSP开发之生成图片验证码技术的详解使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
JSP开发之生成图片验证码技术的详解
我们在网页注册用户时,常常会需要格根据图片给的图片验证码把验证码输进去。那么我们今天就来学习这个。
简单来说分为三步骤:
1.底层用Java实现生成验证码图片
2.通过配置文件调用实现Java生成片
3.通过HTML技术把图片显示到网页
首先是最底层Java生成图片代码
package cn.hncu.servlets; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.util.Random; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class CodeImgServlet extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //☆1☆--相比纯java方式有变化的地方 resp.setContentType("image/jpeg");//设置http响应头---告诉浏览器我现在发的是这个图片格式的数据,你用相应的方式来解析 //定义图片的宽和高 int w=60; int h=30; //声明一个RGB格式的内存中的图片 BufferedImage img = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB); Graphics g = img.getGraphics(); //把背景变白色 g.setColor(Color.white); g.fillRect(0, 0, w, h); //设置字体 g.setFont(new Font("aa",Font.BOLD,18)); //产生并draw出4个随机数字 Random r = new Random(); for(int i=0;i<4;i++){ int a = r.nextInt(10);//生成0~9之间的随机整数 int y = 15+r.nextInt(20);//产生随机的垂直位置 //产生随机颜色 Color c = new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)); g.setColor(c); g.drawString(""+a, i*15, y); } //画几条干扰线 for(int i=0;i<10;i++){ //产生随机颜色 Color c = new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)); g.setColor(c); g.drawLine(r.nextInt(60), r.nextInt(30), r.nextInt(60), r.nextInt(30)); } g.dispose();//类似于IO中的flush(),把图形数据刷到img中 //把内存图片img对象保存到一个jpg文件 ImageIO.write(img, "JPEG", resp.getOutputStream() );//☆2☆ } }
项目中的Web.xml配置文件代码
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <!-- 安全目录中的jsp文件如果要允许外面访问,得在web.xml进行配置,配置成一个jsp-servlet --> <servlet> <servlet-name>ajsp</servlet-name> <!-- 配置servlet用servlet-class, 配置jsp页面用jsp-file标签 --> <jsp-file>/WEB-INF/jsps/a.jsp</jsp-file> </servlet> <!-- <servlet> <servlet-name>CodeImgServlet</servlet-name> <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class> </servlet> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class> </servlet> --> <servlet> <servlet-name>CodeImgServlet</servlet-name> <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class> </servlet> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class> </servlet> <!-- 给servlet配置访问路径 --> <servlet-mapping> <servlet-name>ajsp</servlet-name> <url-pattern>/x/a.asp</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>CodeImgServlet</servlet-name> <url-pattern>/code</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/LoginServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
主页面代码登录代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> function changeImg(){ var img = document.getElementById("codeImg"); // 当src每次的路径方式变化时,就会去重新请求一次后台。 img.src="code?"+new Date().getTime(); } </script> </head> <body> <h2>用户注册</h2> <form action="LoginServlet" method="post"> 姓名:<input type="text" name="name"><br/> 密码:<input type="password" name="pwd"><br/> <!-- 验证码:<input type="text" name="code"/><img src="imgs/a.jpg"/><br/> --> 验证码:<input type="text" name="code"/><img id="codeImg" src="code"/><a href="javascript:changeImg();" rel="external nofollow" >看不清</a><br/> <input type="submit" value="注册"> </form> <br/><br/> <hr/> <a href="WEB-INF/jsps/a.jsp" rel="external nofollow" >WA---a.jsp</a> <br/> <a href="/helloWebProj/x/a.asp" rel="external nofollow" >AC---a.jsp</a> <br/> </body> </html>
当页面加载,就向TOMCAT请求服务,调用前面的JAVA类,生成图片,再通过HTML文档,将图片加载到页面来。
其次Web.xml配置文件还可以用来设置访问安全目录文件(WEB-INF)
<servlet> <servlet-name>ajsp</servlet-name> <!-- 配置servlet用servlet-class, 配置jsp页面用jsp-file标签 --> <jsp-file>/WEB-INF/jsps/a.jsp</jsp-file> </servlet> <servlet> <servlet-name>CodeImgServlet</servlet-name> <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class> </servlet> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class> </servlet> <!-- 给servlet配置访问路径 --> <servlet-mapping> <servlet-name>ajsp</servlet-name> <url-pattern>/x/a.asp</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>CodeImgServlet</servlet-name> <url-pattern>/code</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/LoginServlet</url-pattern> </servlet-mapping>
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!
- Java中创建String的两道面试题及详解
- PostgreSQL主备环境搭建
- Tomcat集群session复制与Oracle的坑。。
- 用Keras+TensorFlow,实现ImageNet数据集日常对象的识别
- JavaWeb项目架构之Elasticsearch日志处理系统
- 分布式服务防雪崩熔断器,Hystrix理论+实战。
- JavaWeb项目架构之Kafka分布式日志队列
- 如何让Git记住用户名和密码
- 金融系统中正确的金额计算及存储方式
- 如何利用深度学习写诗歌(使用Python进行文本生成)
- 注意:字符串substring方法在jkd6,7,8中的差异。
- JavaWeb项目架构之NFS文件服务器
- 轻松几步搞定SSH连接Git配置
- 免费使用谷歌GPU资源训练自己的深度模型
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 浙大版《C语言程序设计(第3版)》题目集 练习7-11 字符串逆序
- 浙大版《C语言程序设计(第3版)》题目集 习题7-1 选择法排序
- 浙大版《C语言程序设计(第3版)》题目集 习题7-2 求一批整数中出现最多的个位数字
- 浙大版《C语言程序设计(第3版)》题目集 习题7-3 判断上三角矩阵
- 浙大版《C语言程序设计(第3版)》题目集 习题7-4 求矩阵各行元素之和
- 浙大版《C语言程序设计(第3版)》题目集 习题7-6 统计大写辅音字母
- 浙大版《C语言程序设计(第3版)》题目集 习题7-7 字符串替换
- 浙大版《C语言程序设计(第3版)》题目集 习题8-10 输出学生成绩
- 浙大版《C语言程序设计(第3版)》题目集 习题9-1 时间换算
- 浙大版《C语言程序设计(第3版)》题目集 习题9-3 平面向量加法
- 浙大版《C语言程序设计(第3版)》题目集 习题9-4 查找书籍
- 浙大版《C语言程序设计(第3版)》题目集 习题9-5 通讯录排序
- 浙大版《C语言程序设计(第3版)》题目集 习题7-5 找鞍点
- 浙大版《C语言程序设计(第3版)》题目集 练习5-1 求m到n之和
- 手把手教你用Python爬取快递100查询你的物流信息