步骤:①将图片的src的值设置为实现图片显示的那个java类的名字(src值的设置)
及如下图:
其中我们在给这个图片绑定一个点击事件(changge_img),实现点击图片,图片进行切换。(图片切换事件绑定),同时,可以设置该图片的样式。(样式设置)
②实现图片切换的Java类,如下所示:
package com.example.demo19_birth;
import javax.imageio.ImageIO;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
@WebServlet(name = "ServletRemarkCode", value = "/ServletRemarkCode")
public class ServletRemarkCode extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//处理图片的内容+图片的大小+图片的颜色
//①创一个图像(由于我们是在电脑上所有创建一个与widows有关的图像)
int width =80,height =25;
BufferedImage bufferedImage = new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR);//在这一步我们创了一个图片(但是图片上什么都没有)**
//②在图片上画画
//②.①首先得先获得在在图片上画画的权限
Graphics graphics = bufferedImage.getGraphics();//权限赋给graphics
//设置背景色
graphics.setColor(Color.white);
//设置背景色填充的范围
graphics.fillRect(0,0,width,height);
//做一个边框
//先设置一个颜色
// graphics.setColor(Color.GRAY);
// //在将这个颜色画到这个图片的四周
// graphics.drawRect(0,0,width-1,height-1);
//处理内容
String Code="";//随机数是多少----便于后台校验
Random random = new Random();//产生随机数的盒子
String str = "1234567890qwertyuiopasdfghjklzxcvbnm";
graphics.setFont(new Font("微软黑雅",Font.BOLD,25));//设置等会儿画的字体的样式(字体的名字,字体的样式,字体的大小)
//准备开画----产生4个随机数
for(int i =0;i<4;i++){
//产生指定长度以内的随机数-----便于通过下标获取到对应的字符
int randomchar = random.nextInt(str.length());
String c = ""+str.charAt(randomchar);//产生随机数对应下标的字符值
//存入code中
Code+= c;
//产生一个随机数就画一个
//随机产生一个颜色
int r = random.nextInt(256);
int g = random.nextInt(256);
int b = random.nextInt(256);
graphics.setColor(new Color(r,g,b));//设置画笔的颜色
graphics.drawString(c,i*13,22);//将指定的字符绘制到画板上,并设置它的横纵坐标
}
//画线
for(int i=0;i<3;i++){
int r = random.nextInt(256);
int g = random.nextInt(256);
int b = random.nextInt(256);
graphics.setColor(new Color(r,g,b));//设置画笔的颜色
graphics.drawLine(random.nextInt(60),random.nextInt(30),random.nextInt(60),random.nextInt(30));
}
graphics.dispose();
ImageIO.write(bufferedImage, "JPEG", response.getOutputStream());
}
}
*java类大致流程:①创建一张指定大小的图片 ②获取在该图片上画画的权限
③设置画笔的颜色 ④利用刚刚画笔的颜色设置图片的背景色
⑤创建一个随机数产生器以及创建一个验证码内容的字符串
⑥设置画笔绘制字体的样式(字体名称、字体样式、字体大小等)
⑦准备开画(注意,每次我们画一个字符),for循环4次(验证码的位数,我的有4位)每次产生一个验证码内容字符串长度以内的随机数。根据获得的随机数取出对应下标的字符。
⑧设置画笔的颜色并将该字符画到对应坐标上。然后一直循环即可
⑨调用dispose()方法将图片所有数据输出
⑩通过ImageIo类的write方法将我们刚刚画好的图片以指定的格式输出