前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在页面上写一个验证码

在页面上写一个验证码

作者头像
发布2020-10-23 10:37:20
4720
发布2020-10-23 10:37:20
举报
文章被收录于专栏:后端JavaEE

1.首先导入jar包

在这里插入图片描述
在这里插入图片描述

2.servlet代码

代码语言:javascript
复制
package com.itqf.controller;

import cn.dsna.util.images.ValidateCode;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * zt
 * 2020/9/14
 * 22:15
 */
@WebServlet(value = "/img")
public class ImageServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        ValidateCode validateCode = new ValidateCode(100, 30, 4, 30);
        String code = validateCode.getCode();
        validateCode.write(response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

3.jsp代码

代码语言:javascript
复制
<%--
  Created by IntelliJ IDEA.
  User: 49841
  Date: 2020/9/14
  Time: 22:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index</title>
</head>
<body>
<h2>欢迎登录</h2>
<h2>呱?!,当前登录用户</h2>
<img src="${pageContext.request.contextPath}/img">
</body>
</html>

4.或者将那个输出验证码的代码换成另一个

就是

代码语言:javascript
复制
validateCode.write(response.getOutputStream());

换成

代码语言:javascript
复制
ImageIO.write(validateCode.getBuffImg(), "jpg", response.getOutputStream());
代码语言:javascript
复制
//其实底层代码都是一样的:validateCode.write(response.getOutputStream());的底层代码就是
public void write(OutputStream sos) throws IOException {
            ImageIO.write(this.buffImg, "png", sos);
            sos.close();
        }

结果:

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/09/14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.首先导入jar包
  • 2.servlet代码
  • 3.jsp代码
  • 4.或者将那个输出验证码的代码换成另一个
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档