接上一篇:SpringMVC—文件上传
1. 文件下载
- 通过a标签,下载jquery.js文件到本地
1.1 download.jsp
<body>
<a href="${pageContext.request.contextPath}/xxx?name=jquery-3.5.1.js"></a>
</body>
1.2 Controller
- 上面下载文件的绝对路径给错了应该是:/static/js
package com.lyx.web;
import org.apache.commons.io.IOUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
@Controller
@RequestMapping("/download")
public class DownloadController {
@RequestMapping("/test")
public void test(String name, HttpSession session, HttpServletResponse response) throws IOException {
//a标签href传值过来的name:文件名称,要与上面的name同名
System.out.println("name:"+name);
//获得要下载文件的绝对路径
String path = session.getServletContext().getRealPath("/static/js");
//文件的完整路径
String realPath = path+"\\"+name;
//设置响应头 告知浏览器 attachment:以附件的形式保存内容 filename=文件被下载到浏览器本地时显示的文件名
response.setHeader("content-disposition","attachment;filename="+name);
//读取目标文件,写出给客户端
//把输出流复制输入流
IOUtils.copy(new FileInputStream(realPath) , response.getOutputStream());
}
}
1.3 a标签改为controller设置的路径
<body>
<a href="${pageContext.request.contextPath}/download/test?name=jquery-3.5.1.js">下载</a>
</body>
- Tomcat运行,
2. 验证码
2.1 导入jar
<!-- https://mvnrepository.com/artifact/com.github.penggle/kaptcha -->
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>2.3.2</version>
<exclusions>
<exclusion>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
</exclusion>
</exclusions>
</dependency>
- exclusions是排除javax.servlet-api,因为这个已经导入了
2.2 声明验证码组件
- 在web.xml文件中配置
<servlet>
<servlet-name>cap</servlet-name>
<servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
<!--验证码有无边框-->
<init-param>
<param-name>kaptcha.border</param-name>
<param-value>no</param-value>
</init-param>
<!--验证码的字符有4位-->
<init-param>
<param-name>kaptcha.textproducer.char.length</param-name>
<param-value>4</param-value>
</init-param>
<!--验证码字符可能出现的字符-->
<init-param>
<param-name>kaptcha.textproducer.char.string</param-name>
<param-value>abcdefjhijklmnopqrstuvwxyzABCDEFJHIJKLMNOPQRSTUVWXYZ0123456789</param-value>
</init-param>
<!--验证码的底色,RGB的数值-->
<init-param>
<param-name>kaptcha.background.clear.to</param-name>
<param-value>211,229,237</param-value>
</init-param>
<!--把验证码的值放在session中
相当于:session.setAttribute("captcha","生成的验证码的4位值")-->
<init-param>
<param-name>kaptcha.session.key</param-name>
<param-value>captcha</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>cap</servlet-name>
<url-pattern>/captcha</url-pattern>
</servlet-mapping>
- 直接访问/captcha就可以获取验证码图片
2.3 点击验证码图片自动刷新
- 新建captcha.jsp
<body>
<img src="${pageContext.request.contextPath}/captcha" alt="验证码" style="width: 100px">
</body>
- 要实现点击刷新
- 引入jquery-3.5.1.js文件
- jQuery 集成Ajax
- $(“#img_id”)获取id=img_id的元素
- $(“#img_id”).attr(name,value)修改对应元素的属性值
2.4 判断用户输入的验证码是否正确
2.4.1 form表单提交数据
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="/static/js/jquery-3.5.1.js"></script>
</head>
<body>
<form action="${pageContext.request.contextPath}/xxx" method="post">
<table border="1">
<tr>
<td><img id="img_id" src="${pageContext.request.contextPath}/captcha" alt="验证码" style="width: 100px"/>
</td>
<td><input type="text" name="captcha"/></td>
</tr>
<tr>
<td colspan="2"> <input type="submit" value="提交"/></td>
</tr>
</table>
</form>
<script type="text/javascript">
$(function () {
$("#img_id").click(function () {
$("#img_id").attr("src", "${pageContext.request.contextPath}/captcha?t=" + Math.random());
})
})
</script>
</body>
</html>
2.4.2 Controller
- 参数captcha必须与form表单中input的name值一致
package com.lyx.web;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpSession;
@Controller
@RequestMapping("/captcha")
public class CaptchaController {
@RequestMapping("/test")
public String test(String captcha, HttpSession session){
String realCap = (String)session.getAttribute("captcha");
if(captcha.equals(realCap)){
return "index";
}
return "captchaError";
}
}
2.4.3 改form表单action的路径
<form action="${pageContext.request.contextPath}/captcha/test" method="post">
2.4.4 Tomcat运行
- 填写正确跳转index.jsp
- 填写错误跳转captchaError.jsp