struts向网页输出图片验证码

前言：今天做个功能需要展示图片到页面，并不是下载，在网上搜了老半天，大部分都是下载，有的话也是只能在IE下进行输出，其它浏览器就都是下载了。

Action代码：

1. public String processImage(){
2. String key = ServletActionContext.getRequest().getParameter("key");
3. if(StringUtils.isEmpty(key)){
4. return "nofindImage";//没有找到图片
5. }
6. ProcessDefinition processDefinition = repositoryService.createProcessDefinitionQuery()
7. .processDefinitionKey(key)
8. .singleResult();
9. String diagramResourceName = processDefinition.getDiagramResourceName();
10. InputStream imageStream = repositoryService.getResourceAsStream(processDefinition.getDeploymentId(), diagramResourceName);
11. ServletActionContext.getContext().put("imageStream", imageStream);
12. return "processImage";
13. }

注：这里将InputStream放到了Struts2的对象站里面

此外，也可以通过在action中添加一个getInputName()的方法，在这个方法里面返回上面的InputStream

XML配置：在action中添加结果

1. <result name="processImage" type="stream">
2. <param name="contentType">image/png</param>
3. <param name="inputName">imageStream</param>
4. <param name="bufferSize">4096</param>
5. </result>

注：inputName的值对应了我们在action中放入对象栈的key，因为StreamResult的源码中获得inputName就是从栈中获取。

其它说明：网上部分代码是在action中将InputStream通过Response直接输出，并返回一个null，这样在ie下是可以直接显示图片，在其他浏览器里面都是下载的方式。

注册需求中，图片验证码是很普遍要求的功能

啥也不多说了，上代码

1. import java.awt.Color;
2. import java.awt.Font;
3. import java.awt.Graphics;
4. import java.awt.Graphics2D;
5. import java.awt.image.BufferedImage;
6. import java.io.ByteArrayInputStream;
7. import java.io.ByteArrayOutputStream;
8. import java.io.IOException;
9. import java.io.InputStream;
10. import java.util.Random;
11. import javax.imageio.ImageIO;
12. import javax.imageio.stream.ImageOutputStream;
13. import org.apache.struts2.ServletActionContext;
14. import raisi.core.action.BaseApi;
15. public class ValidatePic extends BaseApi {
16. private static final long serialVersionUID = -4159857994104900410L;
17. @Override
18. public Object getModel() {
19. return null;
20. }
21. private static final int WIDTH = 120;
22. private static final int HEIGHT = 35;
23. public String getValidate() throws IOException{
24. //准备一张图片
25. BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_3BYTE_BGR);
26. //得到图片对象
27. Graphics g =image.getGraphics();
28. //1.设置背景色
29. setBackGround(g);
30. //2.设置边框
31. setBorder(g);
32. //3.画多条干扰线
33. drawRandowLine(g);
34. //4.写随机文字或数字
35. String random = drawText((Graphics2D)g);
36. request.getSession().setAttribute("checkcode", random);
37. ByteArrayOutputStream bs =new ByteArrayOutputStream();
38. ImageOutputStream imOut =ImageIO.createImageOutputStream(bs);
39. ImageIO.write(image,"jpg",imOut);
40. InputStream is =new ByteArrayInputStream(bs.toByteArray());
41. ServletActionContext.getContext().put("imageStream", is);
42. return "image";
43. }
44. private String drawText(Graphics2D g) {
45. g.setColor(Color.RED);
46. g.setFont(new Font("宋体", Font.BOLD, 20));               //设置字体，宋体、粗体、大小
47. StringBuffer sb = new StringBuffer();                   //存放验证码
48. //常用汉字码表
49. String base="\u7684\u4e00\u662f\u4e86\u6211\u4e0d\u4eba\u5728\u4ed6\u6709\u8fd9\u4e2a\u4e0a\u4eec\u6765\u5230\u65f6\u5927" +
50. "\u5730\u4e3a\u5b50\u4e2d\u4f60\u8bf4\u751f\u56fd\u5e74\u7740\u5c31\u90a3\u548c\u8981\u5979\u51fa\u4e5f\u5f97\u91cc" +
51. "\u540e\u81ea\u4ee5\u4f1a\u5bb6\u53ef\u4e0b\u800c\u8fc7\u5929\u53bb\u80fd\u5bf9\u5c0f\u591a\u7136\u4e8e\u5fc3\u5b66" +
52. "\u4e48\u4e4b\u90fd\u597d\u770b\u8d77\u53d1\u5f53\u6ca1\u6210\u53ea\u5982\u4e8b\u628a\u8fd8\u7528\u7b2c\u6837\u9053" +
53. "\u60f3\u4f5c\u79cd\u5f00\u7f8e\u603b\u4ece\u65e0\u60c5\u5df1\u9762\u6700\u5973\u4f46\u73b0\u524d\u4e9b\u6240\u540c" +
54. "\u65e5\u624b\u53c8\u884c\u610f\u52a8\u65b9\u671f\u5b83\u5934\u7ecf\u957f\u513f\u56de\u4f4d\u5206\u7231\u8001\u56e0" +
55. "\u5f88\u7ed9\u540d\u6cd5\u95f4\u65af\u77e5\u4e16\u4ec0\u4e24\u6b21\u4f7f\u8eab\u8005\u88ab\u9ad8\u5df2\u4eb2\u5176" +
56. "\u8fdb\u6b64\u8bdd\u5e38\u4e0e\u6d3b\u6b63\u611f\u89c1\u660e\u95ee\u529b\u7406\u5c14\u70b9\u6587\u51e0\u5b9a\u672c" +
57. "\u516c\u7279\u505a\u5916\u5b69\u76f8\u897f\u679c\u8d70\u5c06\u6708\u5341\u5b9e\u5411\u58f0\u8f66\u5168\u4fe1\u91cd" +
58. "\u4e09\u673a\u5de5\u7269\u6c14\u6bcf\u5e76\u522b\u771f\u6253\u592a\u65b0\u6bd4\u624d\u4fbf\u592b\u518d\u4e66\u90e8" +
59. "\u6c34\u50cf\u773c\u7b49\u4f53\u5374\u52a0\u7535\u4e3b\u754c\u95e8\u5229\u6d77\u53d7\u542c\u8868\u5fb7\u5c11\u514b" +
60. "\u4ee3\u5458\u8bb8\u7a1c\u5148\u53e3\u7531\u6b7b\u5b89\u5199\u6027\u9a6c\u5149\u767d\u6216\u4f4f\u96be\u671b\u6559" +
61. "\u547d\u82b1\u7ed3\u4e50\u8272\u66f4\u62c9\u4e1c\u795e\u8bb0\u5904\u8ba9\u6bcd\u7236\u5e94\u76f4\u5b57\u573a\u5e73" +
62. "\u62a5\u53cb\u5173\u653e\u81f3\u5f20\u8ba4\u63a5\u544a\u5165\u7b11\u5185\u82f1\u519b\u5019\u6c11\u5c81\u5f80\u4f55" +
63. "\u5ea6\u5c71\u89c9\u8def\u5e26\u4e07\u7537\u8fb9\u98ce\u89e3\u53eb\u4efb\u91d1\u5feb\u539f\u5403\u5988\u53d8\u901a" +
64. "\u5e08\u7acb\u8c61\u6570\u56db\u5931\u6ee1\u6218\u8fdc\u683c\u58eb\u97f3\u8f7b\u76ee\u6761\u5462\u75c5\u59cb\u8fbe" +
65. "\u6df1\u5b8c\u4eca\u63d0\u6c42\u6e05\u738b\u5316\u7a7a\u4e1a\u601d\u5207\u600e\u975e\u627e\u7247\u7f57\u94b1\u7d36" +
66. "\u5417\u8bed\u5143\u559c\u66fe\u79bb\u98de\u79d1\u8a00\u5e72\u6d41\u6b22\u7ea6\u5404\u5373\u6307\u5408\u53cd\u9898" +
67. "\u5fc5\u8be5\u8bba\u4ea4\u7ec8\u6797\u8bf7\u533b\u665a\u5236\u7403\u51b3\u7aa2\u4f20\u753b\u4fdd\u8bfb\u8fd0\u53ca" +
68. "\u5219\u623f\u65e9\u9662\u91cf\u82e6\u706b\u5e03\u54c1\u8fd1\u5750\u4ea7\u7b54\u661f\u7cbe\u89c6\u4e94\u8fde\u53f8" +
69. "\u5df4\u5947\u7ba1\u7c7b\u672a\u670b\u4e14\u5a5a\u53f0\u591c\u9752\u5317\u961f\u4e45\u4e4e\u8d8a\u89c2\u843d\u5c3d" +
70. "\u5f62\u5f71\u7ea2\u7238\u767e\u4ee4\u5468\u5427\u8bc6\u6b65\u5e0c\u4e9a\u672f\u7559\u5e02\u534a\u70ed\u9001\u5174" +
71. "\u9020\u8c08\u5bb9\u6781\u968f\u6f14\u6536\u9996\u6839\u8bb2\u6574\u5f0f\u53d6\u7167\u529e\u5f3a\u77f3\u53e4\u534e" +
72. "\u8ae3\u62ff\u8ba1\u60a8\u88c5\u4f3c\u8db3\u53cc\u59bb\u5c3c\u8f6c\u8bc9\u7c73\u79f0\u4e3d\u5ba2\u5357\u9886\u8282" +
73. "\u8863\u7ad9\u9ed1\u523b\u7edf\u65ad\u798f\u57ce\u6545\u5386\u60ca\u8138\u9009\u5305\u7d27\u4e89\u53e6\u5efa\u7ef4" +
74. "\u7edd\u6811\u7cfb\u4f24\u793a\u613f\u6301\u5343\u53f2\u8c01\u51c6\u8054\u5987\u7eaa\u57fa\u4e70\u5fd7\u9759\u963f" +
75. "\u8bd7\u72ec\u590d\u75db\u6d88\u793e\u7b97\u4e49\u7adf\u786e\u9152\u9700\u5355\u6cbb\u5361\u5e78\u5170\u5ff5\u4e3e" +
76. "\u4ec5\u949f\u6015\u5171\u6bdb\u53e5\u606f\u529f\u5b98\u5f85\u7a76\u8ddf\u7a7f\u5ba4\u6613\u6e38\u7a0b\u53f7\u5c45" +
77. "\u8003\u7a81\u76ae\u54ea\u8d39\u5012\u4ef7\u56fe\u5177\u521a\u8111\u6c38\u6b4c\u54cd\u5546\u793c\u7ec6\u4e13\u9ec4" +
78. "\u5757\u811a\u5473\u7075\u6539\u636e\u822c\u7834\u5f15\u98df\u4ecd\u5b58\u4f17\u6ce8\u7b14\u751a\u67d0\u6c89\u8840" +
79. "\u5907\u4e60\u6821\u9ed8\u52a1\u571f\u5fae\u5a18\u987b\u8bd5\u6000\u6599\u8c03\u5e7f\u8716\u82cf\u663e\u8d5b\u67e5" +
80. "\u5bc6\u8bae\u5e95\u5217\u5bcc\u68a6\u9519\u5ea7\u53c2\u516b\u9664\u8dd1\u4eae\u5047\u5370\u8bbe\u7ebf\u6e29\u867d" +
81. "\u6389\u4eac\u521d\u517b\u9999\u505c\u9645\u81f4\u9633\u7eb8\u674e\u7eb3\u9a8c\u52a9\u6fc0\u591f\u4e25\u8bc1\u5e1d" +
82. "\u996d\u5fd8\u8da3\u652f\u6625\u96c6\u4e08\u6728\u7814\u73ed\u666e\u5bfc\u987f\u7761\u5c55\u8df3\u83b7\u827a\u516d" +
83. "\u6ce2\u5bdf\u7fa4\u7687\u6bb5\u6025\u5ead\u521b\u533a\u5965\u5668\u8c22\u5f1f\u5e97\u5426\u5bb3\u8349\u6392\u80cc" +
84. "\u6b62\u7ec4\u5dde\u671d\u5c01\u775b\u677f\u89d2\u51b5\u66f2\u9986\u80b2\u5fd9\u8d28\u6cb3\u7eed\u54e5\u547c\u82e5" +
85. "\u63a8\u5883\u9047\u96e8\u6807\u59d0\u5145\u56f4\u6848\u4f26\u62a4\u51b7\u8b66\u8d1d\u8457\u96ea\u7d22\u5267\u554a" +
86. "\u8239\u9669\u70df\u4f9d\u6597\u503c\u5e2e\u6c49\u6162\u4f5b\u80af\u95fb\u5531\u6c99\u5c40\u4f2f\u65cf\u4f4e\u73a9" +
87. "\u8d44\u5c4b\u51fb\u901f\u987e\u6cea\u6d32\u56e2\u5723\u65c1\u5802\u5175\u4e03\u9732\u56ed\u725b\u54ed\u65c5\u8857" +
88. "\u52b3\u578b\u70c8\u59d1\u9648\u83ab\u9c7c\u5f02\u62b1\u5b9d\u6743\u9c81\u7b80\u6001\u7ea7\u7968\u602a\u5bfb\u6740" +
89. "\u5f8b\u80dc\u4efd\u6c7d\u53f3\u6d0b\u8303\u5e8a\u821e\u79d8\u5348\u767b\u697c\u8d35\u5438\u8d23\u4f8b\u8ffd\u8f83" +
90. "\u804c\u5c5e\u6e10\u5de6\u5f55\u4e1d\u7259\u515a\u7ee7\u6258\u8d76\u7ae0\u667a\u51b2\u53f6\u80e1\u5409\u5356\u575a" +
91. "\u559d\u8089\u9057\u6551\u4fee\u677e\u4e34\u85cf\u62c5\u620f\u5584\u536b\u836f\u60b2\u6562\u9760\u4f0a\u6751\u6234" +
92. "\u8bcd\u68ee\u8033\u5dee\u77ed\u7956\u4e91\u89c4\u7a97\u6563\u8ff7\u6cb9\u65e7\u9002\u4e61\u67b6\u6069\u6295\u5f39" +
93. "\u94c1\u535a\u96f7\u5e9c\u538b\u8d85\u8d1f\u52d2\u6742\u9192\u6d17\u91c7\u6beb\u5634\u6bd5\u4e5d\u51b0\u65e2\u72b6" +
94. "\u4e71\u666f\u5e2d\u73cd\u7ae5\u9876\u6d3e\u7d20\u8131\u519c\u7591\u7ec3\u91ce\u6309\u72af\u62cd\u5f81\u574f\u9aa8" +
95. "\u4f59\u627f\u7f6e\u81d3\u5f69\u706f\u5de8\u7434\u514d\u73af\u59c6\u6697\u6362\u6280\u7ffb\u675f\u589e\u5fcd\u9910" +
96. "\u6d1b\u585e\u7f3a\u5fc6\u5224\u6b27\u5c42\u4ed8\u9635\u739b\u6279\u5c9b\u9879\u72d7\u4f11\u61c2\u6b66\u9769\u826f" +
97. "\u6076\u604b\u59d4\u62e5\u5a1c\u5999\u63a2\u5440\u8425\u9000\u6447\u5f04\u684c\u719f\u8bfa\u5ba3\u94f6\u52bf\u5956" +
98. "\u5bab\u5ffd\u5957\u5eb7\u4f9b\u4f18\u8bfe\u9e1f\u558a\u964d\u590f\u56f0\u5218\u7f6a\u4ea1\u978b\u5065\u6a21\u8d25" +
99. "\u4f34\u5b88\u6325\u9c9c\u8d22\u5b64\u67aa\u7981\u6050\u4f19\u6770\u8ff9\u59b9\u85f8\u904d\u76d6\u526f\u5766\u724c" +
100. "\u6c5f\u987a\u79cb\u8428\u83dc\u5212\u6388\u5f52\u6d6a\u542c\u51e1\u9884\u5976\u96c4\u5347\u7883\u7f16\u5178\u888b" +
101. "\u83b1\u542b\u76db\u6d4e\u8499\u68cb\u7aef\u817f\u62db\u91ca\u4ecb\u70e7\u8bef";
102. int hor = 5;
103. for(int i=0;i<4;i++){
104. //获取旋转的度数
105. int degree = (new Random().nextInt(50))-25;
106. String text = base.charAt(new Random().nextInt(base.length()))+"";              //得到随机文字
107. sb.append(text);                                                                //将随机文字加入验证码
108. g.rotate(degree*Math.PI/180, hor, 5);               //设置旋转
109. g.drawString(text, hor, 20);
110. g.rotate(-degree*Math.PI/180, hor, 5);              //为了不影响下一个随机文字的输出，旋转回去
111. hor+=30;
112. }
113. System.out.println("sb--->"+sb);
114. return sb.toString();
115. }
116. private void drawRandowLine(Graphics g) {
117. g.setColor(Color.GREEN);
118. for(int i=0;i<5;i++){
119. int x1 = new Random().nextInt(WIDTH);       //随机生成0~120之间的整数
120. int x2 = new Random().nextInt(WIDTH);       //随机生成0~120之间的整数
121. int y1 = new Random().nextInt(HEIGHT);      //随机生成0~25之间的整数
122. int y2 = new Random().nextInt(HEIGHT);      //随机生成0~25之间的整数
123. g.drawLine(x1, y1, x2, y2);
124. }
125. }
126. private void setBackGround(Graphics g) {
127. g.setColor(Color.WHITE);
128. g.fillRect(0, 0, WIDTH, HEIGHT);            //白色铺满
129. }
130. private void setBorder(Graphics g) {
131. g.setColor(Color.BLUE);
132. g.drawRect(1, 1, WIDTH-2, HEIGHT-2);
133. }
134. }

struts配置如下

1. <result name="image" type="stream">
2. <param name="contentType">image/png</param>
3. <param name="inputName">imageStream</param>
4. <param name="bufferSize">4096</param>
5. </result>

页面的调用如下

1. <img  src="<%=context %>/***!getValidate.action">

效果如下