ImageServlet中doGet:生成验证码图片,以jpg格式传到前端,
public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException {
BufferedImage bi=new BufferedImage(68,22,BufferedImage.TYPE_INT_RGB);Graphics g=bi.getGraphics();
Color c=new Color(200,150,255);
g.setColor(c);
g.fillRect(0, 0, 68, 22);
char[] ch="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
Random r=new Random();
int len=ch.length,index;
StringBuffer sb=new StringBuffer();
for(int i=0;i<4;i++) {
index=r.nextInt(len);
g.setColor(new Color(r.nextInt(88),r.nextInt(188),r.nextInt(255)));
g.drawString(ch[index]+"", (i*15)+3, 18);
sb.append(ch[index]);
}
request.getSession().setAttribute("piccode", sb.toString());
ImageIO.write(bi, "JPG", response.getOutputStream());
}
jsp页面:包括获取和验证
<script type="text/javascript">
function reloadCode(){
var time=new Date().getTime();
document.getElementById("imageCode").src="<%=request.getContextPath()%>/servlet/ImageServlet?d="+ time;
}
</script>
<body>
<form action="<%=request.getContextPath()%>/servlet/LoginServlet"
method="get">
验证码:<input type="text" name="checkcode" /> <img alt="验证码"
id="imageCode"
src="<%=request.getContextPath()%>/servlet/ImageServlet" /> <a
href="javascript:reloadCode();">看不清楚</a> <input type="submit"
value="提交" />
</form>
</body>
LoginServlet:验证码验证
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
String piccode=(String) request.getSession().getAttribute("piccode");
String checkcode=request.getParameter("checkcode");
checkcode=checkcode.toUpperCase();
response.setContentType("text/html;charset=UTF-8");
PrintWriter out=response.getWriter();
if(checkcode.equals(piccode)) {
out.println("验证码输入正确");
}else {
out.println("验证码输入错误");
}
out.flush();
out.close();
}
切记servlet配置,
以上即可进行验证码生成以及验证,
由慕课网学习所得,也推荐可以去看看