上传指用户把本地文件传到后端,下载指从后端数据库等地方把文件呈现到前端,略微修改可下载到本地。以图片为例,使用themyleaf模板引擎。
一.图片上传
1. pom.xml添加依赖
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.0.1</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3</version></dependency>
2. 前端上传
<!--enctype参数一定要-->
<form enctype="multipart/form-data" method="post" action="/user/">
<!--多文件-->
<input type="file" name="file" multiple="multiple"/>
<input type="submit" value="提 交"/>
</form>
3. 后端保存
//@RequestParam 可选
public void g( MultipartFile[] file){
for(MultipartFile file1:file) {
System.out.println(file);
if (!file1.isEmpty()) {
//图片尾缀,用于保存文件又要改文件名时,保留格式
int dotPos = file1.getOriginalFilename().lastIndexOf(".");
String fileExt = file1.getOriginalFilename().substring(dotPos + 1).toLowerCase();
try {
//这里将上传得到的文件保存至根目录下的src目录下
FileUtils.copyInputStreamToFile(file1.getInputStream(), new File("./src/", "我的图片" + i++ + "." + fileExt));
} catch (IOException e) {
e.printStackTrace();
}
} else{
System.out.println(" no picture");
}
}
}
二.图片下载
1. 后端传图片路径参数。图片在src/main/resources/static/ 文件夹下
@RequestMapping(value = {"/user/"}, method = {RequestMethod.POST})
public String g(Model model){
model.addAttribute("url", "5.jpg");
return "Photo";
}
2. 前端展示
<!DOCTYPE html><html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title>Photo</title>
</head>
<body>
<!--展示只需img那句,现在这样可以下载到本地,但是后端还要写一点代码-->
<!--请求参数形式-->
<!--<a th:href="@{/downFile/(url=${url})}">-->
<!--路径参数形式-->
<a th:href="@{/downFile/{url}(url=${url})}">
<!--资源是/url,才回找到-->
![]('/'+*{url}) Download</a>
</body>
</html>
3. 后端处理下载请求
1. 路径参数形式
@RequestMapping("/downFile/{url}")
public void downFile(HttpServletRequest request,HttpServletResponse response,@PathVariable("url") String url) {
// 得到要下载的文件名
String fileName = "./src/main/resources/static/"+url+".jpg";
try {
fileName = new String(fileName.getBytes("iso8859-1"), "UTF-8");
// 得到要下载的文件
File file = new File(fileName);
// 如果文件不存在
if (!file.exists()) {
request.setAttribute("message", "您要下载的资源已被删除!!");
System.out.println("您要下载的资源已被删除!!");
return;
}
// 处理文件名,后端传过来的要处理,这里直接设置的
String realname = url+".jpg";
// 设置响应头,控制浏览器下载该文件
response.setHeader("content-disposition", "attachment;filename=" + URLEncoder.encode(realname, "UTF-8"));
// 读取要下载的文件,保存到文件输入流
FileInputStream in = new FileInputStream(fileName);
// 创建输出流
OutputStream out = response.getOutputStream();
// 创建缓冲区
byte buffer[] = new byte[1024];
int len = 0;
// 循环将输入流中的内容读取到缓冲区当中
while ((len = in.read(buffer)) > 0) {
// 输出缓冲区的内容到浏览器,实现文件下载
out.write(buffer, 0, len);
}
// 关闭文件输入流
in.close();
// 关闭输出流
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
2.请求参数形式
@RequestMapping("/downFile/")
public void downFile(HttpServletRequest request,
HttpServletResponse response,
@RequestParam String url) {
//以下两处不一样,路径参数下,spring默认把最后一个.后面的文件格式省略,所以需要手动添加文件格式才能找到资源,而请求参数形式不会发生,其余的数据流读写代码一样
String fileName = "./src/main/resources/static"+"/"+url;
String realname = url;
}
网友评论