本文目錄一覽：
- 1、服務器端 驗證上傳圖片 格式的 正則 (java)
- 2、java在頁面上 驗證上傳的圖片的尺寸
- 3、java怎麼生成驗證碼圖片
- 4、JAVA識別圖片驗證碼
- 5、Java如何實現驗證碼驗證功能
- 6、java中如何在同一個jsp頁面中判斷圖片驗證碼與輸入的是否一致
服務器端 驗證上傳圖片 格式的 正則 (java)
用字符串判斷性能比正則好，
String imgExt = “jpg|jpeg|png|bmp|GIF|JPG|PNG|JPEG”;
imgExt .indexOf(“圖片後綴”) = 0
或者 imgExt .contains(“圖片後綴”)
這兩種就可以
java在頁面上 驗證上傳的圖片的尺寸
input type=”text” size=”4″ value=”10″ name=”fileSizeLimit” id=”fileSizeLimit”/ K
input type=”file” name=”file1″ id=”file1″ size=”40″ onchange=”changeSrc(this)”/
img src=”about:blank” id=”fileChecker” alt=”test” height=”18″/
//前面為網頁
script type=”text/javascript”
var oFileChecker = document.getElementById(“fileChecker”);
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;//讀圖片
}
//這個很重要，判斷是否完全讀完，否則判斷圖片大小不準確
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == “complete”)
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById(“fileSizeLimit”).value * 1024;
if (oFileChecker.fileSize limit)
{
alert(“too large”);
}
else
{
alert(“ok”);
}
}
/script
java怎麼生成驗證碼圖片
原理，在servlet中隨機生成一個4位數字1000-9999
然後把這數字寫入session
輸出一個圖片，上面寫有這四個數字
在服務器端根據用戶輸入的數字和
session中的值比較。
注意比較結束後要清空session中的值
有很多人問到驗證碼的作用。
我作個簡單的解釋。
驗證碼的作用：有效防止這種問題對某一個特定註冊用戶用特定程序暴力破解方式進行不斷的登陸嘗試，實際上是用驗證碼是現在很多網站通行的方式（比如招商銀行的網上個人銀行，騰訊的QQ社區），我們利用比較簡易的方式實現了這個功能。雖然登陸麻煩一點，但是對社區還來說這個功能還是很有必要，也很重要。但我們還是提醒大家主要保護自己的密碼，盡量使用混雜了數字、字母、符號在內的6位以上密碼，不要使用諸如1234之類的簡單密碼或者與用戶名相同、類似的密碼。
還有就是註冊時發表文章時加驗證碼，就防人用註冊機，無限的自動註冊，
package com.schoolwx.util;
import java.io.*;
import java.util.*;
import com.sun.image.codec.jpeg.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.awt.*;
import java.awt.image.*;
public class getImg extends HttpServlet {
private Font mFont=new Font(“宋體”, Font.PLAIN,12);//設置字體
//處理post
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException {
doGet(request,response);
}
public void doGet(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException {
//取得一個1000-9999的隨機數
String s=””;
int intCount=0;
intCount=(new Random()).nextInt(9999);//
if(intCount1000)intCount+=1000;
s=intCount+””;
//對session付值。
HttpSession session=request.getSession (true);
session.setAttribute(“getImg”,s);
response.setContentType(“image/gif”);
ServletOutputStream out=response.getOutputStream();
BufferedImage image=new BufferedImage(35,14,BufferedImage.TYPE_INT_RGB);
Graphics gra=image.getGraphics();
//設置背景色
gra.setColor(Color.yellow);
gra.fillRect(1,1,33,12);
//設置字體色
gra.setColor(Color.black);
gra.setFont(mFont);
//輸出數字
char c;
for(int i=0;i4;i++) {
c=s.charAt(i);
gra.drawString(c+””,i*7+4,11); //7為寬度，11為上下高度位置
}
JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out);
encoder.encode(image);
out.close();
}
}
JAVA識別圖片驗證碼
package com.he;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;
import java.awt.*;
import java.awt.image.*;
import javax.imageio.*;
public class CodeFact
extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
//設置頁面不緩存
response.setHeader(“Pragma”, “No-cache”);
response.setHeader(“Cache-Control”, “no-cache”);
response.setDateHeader(“Expires”, 0);
// 在內存中創建圖象
int width = 60, height = 20;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 獲取圖形上下文
Graphics g = image.getGraphics();
//生成隨機類
Random random = new Random();
// 設定背景色
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, height);
//設定字體
g.setFont(new Font(“Times New Roman”, Font.PLAIN, 18));
//畫邊框
g.setColor(new Color(33,66,99));
g.drawRect(0,0,width-1,height-1);
// 隨機產生155條幹擾線，使圖象中的認證碼不易被其它程序探測到
g.setColor(getRandColor(160, 200));
for (int i = 0; i 155; i++) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x, y, x + xl, y + yl);
}
// 取隨機產生的認證碼(4位數字)
String sRand = “”;
for (int i = 0; i 4; i++) {
String rand = String.valueOf(random.nextInt(10));
sRand += rand;
// 將認證碼顯示到圖象中
g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110),
20 + random.nextInt(110))); //調用函數出來的顏色相同，可能是因為種子太接近，所以只能直接生成
g.drawString(rand, 13 * i + 6, 16);
}
// 將認證碼存入SESSION
HttpSession session = request.getSession();
session.setAttribute(“rand”, sRand);
// 圖象生效
g.dispose();
// 輸出圖象到頁面
ImageIO.write(image, “JPEG”, response.getOutputStream());
}
public void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
doGet(request, response);
}
//給定範圍獲得隨機顏色
private Color getRandColor(int fc, int bc) {
Random random = new Random();
if (fc 255) {
fc = 255;
}
if (bc 255) {
bc = 255;
}
int r = fc + random.nextInt(bc – fc);
int g = fc + random.nextInt(bc – fc);
int b = fc + random.nextInt(bc – fc);
return new Color(r, g, b);
}
}
你試試！！
Java如何實現驗證碼驗證功能
Java如何實現驗證碼驗證功能呢？日常生活中，驗證碼隨處可見，他可以在一定程度上保護賬號安全，那麼他是怎麼實現的呢？
Java實現驗證碼驗證功能其實非常簡單：用到了一個Graphics類在畫板上繪製字母，隨機選取一定數量的字母隨機生成，然後在畫板上隨機生成幾條幹擾線。
首先，寫一個驗證碼生成幫助類，用來繪製隨機字母：
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.imageio.ImageIO;
public final class GraphicHelper {
/**
* 以字符串形式返回生成的驗證碼，同時輸出一個圖片
*
* @param width
* 圖片的寬度
* @param height
* 圖片的高度
* @param imgType
* 圖片的類型
* @param output
* 圖片的輸出流(圖片將輸出到這個流中)
* @return 返回所生成的驗證碼(字符串)
*/
public static String create(final int width, final int height, final String imgType, OutputStream output) {
StringBuffer sb = new StringBuffer();
Random random = new Random();
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics graphic = image.getGraphics();
graphic.setColor(Color.getColor(“F8F8F8”));
graphic.fillRect(0, 0, width, height);
Color[] colors = new Color[] { Color.BLUE, Color.GRAY, Color.GREEN, Color.RED, Color.BLACK, Color.ORANGE,
Color.CYAN };
// 在 “畫板”上生成干擾線條 ( 50 是線條個數)
for (int i = 0; i 50; i++) {
graphic.setColor(colors[random.nextInt(colors.length)]);
final int x = random.nextInt(width);
final int y = random.nextInt(height);
final int w = random.nextInt(20);
final int h = random.nextInt(20);
final int signA = random.nextBoolean() ? 1 : -1;
final int signB = random.nextBoolean() ? 1 : -1;
graphic.drawLine(x, y, x + w * signA, y + h * signB);
}
// 在 “畫板”上繪製字母
graphic.setFont(new Font(“Comic Sans MS”, Font.BOLD, 30));
for (int i = 0; i 6; i++) {
final int temp = random.nextInt(26) + 97;
String s = String.valueOf((char) temp);
sb.append(s);
graphic.setColor(colors[random.nextInt(colors.length)]);
graphic.drawString(s, i * (width / 6), height – (height / 3));
}
graphic.dispose();
try {
ImageIO.write(image, imgType, output);
} catch (IOException e) {
e.printStackTrace();
}
return sb.toString();
}
}
接着，創建一個servlet，用來固定圖片大小，以及處理驗證碼的使用場景，以及捕獲頁面生成的驗證碼（捕獲到的二維碼與用戶輸入的驗證碼一致才能通過）。
import java.io.OutputStream;
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 javax.servlet.http.HttpSession;
@WebServlet(urlPatterns = “/verify/regist.do” )
public class VerifyCodeServlet extends HttpServlet {
private static final long serialVersionUID = 3398560501558431737L;
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 獲得 當前請求 對應的 會話對象
HttpSession session = request.getSession();
// 從請求中獲得 URI ( 統一資源標識符 )
String uri = request.getRequestURI();
System.out.println(“hello : ” + uri);
final int width = 180; // 圖片寬度
final int height = 40; // 圖片高度
final String imgType = “jpeg”; // 指定圖片格式 (不是指MIME類型)
final OutputStream output = response.getOutputStream(); // 獲得可以向客戶端返回圖片的輸出流
// (位元組流)
// 創建驗證碼圖片並返回圖片上的字符串
String code = GraphicHelper.create(width, height, imgType, output);
System.out.println(“驗證碼內容: ” + code);
// 建立 uri 和 相應的 驗證碼 的關聯 ( 存儲到當前會話對象的屬性中 )
session.setAttribute(uri, code);
System.out.println(session.getAttribute(uri));
}
}
接着寫一個HTML註冊頁面用來檢驗一下：
html
head
meta charset=”UTF-8″
title註冊/title
link rel=”stylesheet” href=”styles/general.css”
link rel=”stylesheet” href=”styles/cell.css”
link rel=”stylesheet” href=”styles/form.css”
script type=”text/javascript” src=”js/ref.js”/script
style type=”text/css”
.logo-container {
margin-top: 50px ;
}
.logo-container img {
width: 100px ;
}
.message-container {
height: 80px ;
}
.link-container {
height: 40px ;
line-height: 40px ;
}
.link-container a {
text-decoration: none ;
}
/style
/head
body
div class=”container form-container”
form action=”/wendao/regist.do” method=”post”
div class=”form” !– 註冊表單開始 —
div class=”form-row”
span class=”cell-1″
i class=”fa fa-user”/i
/span
span class=”cell-11″ style=”text-align: left;”
input type=”text” name=”username” placeholder=”請輸入用戶名”
/span
/div
div class=”form-row”
span class=”cell-1″
i class=”fa fa-key”/i
/span
span class=”cell-11″ style=”text-align: left;”
input type=”password” name=”password” placeholder=”請輸入密碼”
/span
/div
div class=”form-row”
span class=”cell-1″
i class=”fa fa-keyboard-o”/i
/span
span class=”cell-11″ style=”text-align: left;”
input type=”password” name=”confirm” placeholder=”請確認密碼”
/span
/div
div class=”form-row”
span class=”cell-7″
input type=”text” name=”verifyCode” placeholder=”請輸入驗證碼”
/span
span class=”cell-5″ style=”text-align: center;”
img src=”/demo/verify/regist.do” onclick=”myRefersh(this)”
/span
/div
div class=”form-row” style=”border: none;”
span class=”cell-6″ style=”text-align: left”
input type=”reset” value=”重置”
/span
span class=”cell-6″ style=”text-align:right;”
input type=”submit” value=”註冊”
/span
/div
/div !– 註冊表單結束 —
/form
/div
/body
/html
效果如下圖：
在控制台接收到的圖片中驗證碼的變化如下：
當點擊刷新頁面的時候，驗證碼也會隨着變化，但我們看不清驗證碼時，只要點擊驗證碼就會刷新，這樣局部的刷新可以用JavaScript來實現。
在img
src=”/demo/verify/regist.do”中，添加一個問號和一串後綴數字，當刷新時讓後綴數字不斷改變，那麼形成的驗證碼也會不斷變化，我們可以採用的一種辦法是後綴數字用date代替，date獲取本機時間，時間是隨時變的，這樣就保證了刷新驗證碼可以隨時變化。
代碼如下：
function myRefersh( e ) {
const source = e.src ; // 獲得原來的 src 中的內容
//console.log( “source : ” + source ) ;
var index = source.indexOf( “?” ) ; // 從 source 中尋找 ? 第一次出現的位置 (如果不存在則返回 -1 )
//console.log( “index : ” + index ) ;
if( index -1 ) { // 如果找到了 ? 就進入內部
var s = source.substring( 0 , index ) ; // 從 source 中截取 index 之前的內容 ( index 以及 index 之後的內容都被捨棄 )
//console.log( “s : ” + s ) ;
var date = new Date(); // 創建一個 Date 對象的 一個 實例
var time = date.getTime() ; // 從 新創建的 Date 對象的實例中獲得該時間對應毫秒值
e.src = s + “?time=” + time ; // 將 加了 尾巴 的 地址 重新放入到 src 上
//console.log( e.src ) ;
} else {
var date = new Date();
e.src = source + “?time=” + date.getTime();
}
}
如回答不詳細可追問
java中如何在同一個jsp頁面中判斷圖片驗證碼與輸入的是否一致
這個問題很簡單的。我想你動態產生的驗證碼一定是一個單獨的頁面然後再把這個頁面導入到你的輸入信息的頁面的。你打開你的動態生成驗證碼的頁面。在裏面你一定可以找到一個session.setAttribute(“”); 這個方法是把你驗證碼的值保存在session裏面。根據你的意思在用js彈出來驗證. 首先你在頁面中加一小腳本% Stirng vcode= (String)session.getAttribute(“驗證碼Key”) %然後在你的提交按鈕中加一個onClick事件… 請輸入驗證碼:input type=”text” id=”txtvcode” name=”txtvcode” / input type=”button” name=”text” id=”text” value=”提交” onClick=”checkVcode(‘%= vcode%’)” /這樣就可以把你動態生成的驗證碼值傳入到js的函數中去了。 script function checkVcode(vcode){ var txtvcode= document.getElementById(“txtvcode”).value; if(vcode==txtvcode){ alert(“輸入驗證碼正確”); }else{ alert(“輸入驗證碼錯誤”); } } /script人在網吧。沒工具調試。我想這些代碼不會出問題的。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/181502.html
微信掃一掃 
支付寶掃一掃 