java製作簡單生成驗證碼功能

製作前端驗證碼點擊切換功能

前端代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            //獲取圖片對象
            var img = document.getElementById("checkCode");
            //獲取超鏈接對象
            var a = document.getElementById("change");
            //綁定點擊事件
            img.onclick = function () {
                //獲取毫秒值對象
                var date = new Date().getTime();
                img.src = "/checkCodeServlet?"+date;
        }
            a.onclick = function () {
                //獲取毫秒值對象
                var date = new Date().getTime();
                img.src = "/checkCodeServlet?"+date;
            }
        }
    </script>
</head>
<body>

    <img id="checkCode" src="/checkCodeServlet" alt="">
    <a  id="change" href="#">看不清？換一張</a>
</body>
</html>

後端代碼

package web.Response;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            //寬
            int width = 100;
            //高
            int height = 50;
            //創建一個圖片對象
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

        //填充背景顏色
        Graphics g = image.getGraphics(); //畫筆對象
        g.setColor(Color.PINK);//設置畫筆顏色
        g.fillRect(0,0,width,height);

        // 畫邊框
        g.setColor(Color.BLUE);
        g.drawRect(0,0,width-1,height-1);

        //寫驗證
        String str = "QWERTYUIOPASDFGHJKLZXCVBNMzxcvbnmasdfghjklqwertyuiop0123456789";
        //生成隨機角標
        Random ran = new Random();
        for (int i = 1; i<= 4; i++){
            int index = ran.nextInt(str.length());
            char ch = str.charAt(index);
            g.drawString(ch+"",width/5*i,height/2);
        }

        //畫干擾線
        g.setColor(Color.RED);
        //隨機生成座標點
        for(int i = 1; i<= 10; i++){
            int x1 = ran.nextInt(width);
            int x2 = ran.nextInt(width);
            int y1 = ran.nextInt(height);
            int y2 = ran.nextInt(height);
            g.drawLine(x1,x2,y1,y2);
        }

        //將圖片展示到頁面
        ImageIO.write(image,"jpg",response.getOutputStream());
    }

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

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

java製作簡單生成驗證碼功能

製作前端驗證碼點擊切換功能

前端代碼

後端代碼

.Net 8.0 下的新RPC，IceRPC之試試的新玩法"打洞"

關於遊戲付費的一點想法

我通過CKA和CKS啦！

《最新出爐》系列入門篇-Python+Playwright自動化測試-42-強大的可視化追蹤利器Trace Viewer

大數據怎麼學？對大數據開發領域及崗位的詳細解讀，完整理解大數據開發領域技術體系

Servlet實現網頁登入效果

java製作簡單生成驗證碼功能

成員變量與局部變量的作用區別

使用Druid連接池查詢表中數據

MySql設置時區

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結