文件上传和下载，在上传的操作之后，跳转到下载页面
源码获取github
1.项目结构
2.上传操作
单文件的上传
- form表单传递数据
- 请求必须为POST请求
- 使用二进制流的方式传递数据 enctype=”multipart/form-data”
- 文件域 <input type=”file” name=”myfile”/>
- 上传的工具有两种：
- Servlet3.0
- Commons-FileUpload
- commons-fileupload.jar
- commons-io.jar
第一步：配置解析器
springmvc.xml加入
<!--5.使用上传的解析器，如果发现是上传操作，会自动使用该解析器帮我们完成相应的操作-->
<!--该ID为固定值-->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!--设置上传文件编码-->
<!--简写方式 标签p c注入
p:defaultEncoding = "UTF-8"-->
<property name="defaultEncoding" value="UTF-8"/>
<!--设置文件上传最大值024*200即200K-->
<property name="maxUploadSize" value="20971520"/>
<!--缓存，读取文件到内存中最大的字节数，可以不设置-->
<property name="maxInMemorySize" value="2048"/>
<!--延时提高上传效率，一个类似懒加载的属性-->
<property name="resolveLazily" value="true"/>
</bean>如果是图片资源，还要配置静态资源排除，见之前的笔记
第二步：前端页面表单和前台验证
file.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<h2>单文件上传</h2>
<form action="upload01" method="post" enctype="multipart/form-data" id="uploadForm">
标题：<input type="text" name="title">
文件：<input type="file" name="myfile" id="myfile"><br>
<button>文件上传</button>
</form>
<script type="text/javascript" src="resource/jquery.js"></script>
<script type="text/javascript">
$(function () {
//元素选择器
$("button").click(function () {
//1.获取上传文件的对象，是数组，获取的第一个
var myfile = $("#myfile").prop("files")[0];
//2.判断文件是否有
if (myfile) {
//3.获取文件名称
var fileName = myfile.name;
//4.获取文件的后缀名称
var ext = fileName.substring(fileName.lastIndexOf(".") + 1);
//5.设置允许上传的文件后缀名称
var allowFileTypes = ["jpg", "png", "gif", "jpeg", "dmp", "rar"];
//6.设置一个标识，用来做判断
var flag = false;
//循环判断上传格式是否正确
for (var i = 0; i < allowFileTypes.length; i++) {
if (ext == allowFileTypes[i]) {
flag = true;
break;
}
}
if (!flag) {
alert("您上传的文件格式不正确，允许的格式为：" + allowFileTypes.join(" | "));
return false;
}
//7.判断文件的大小
if (myfile.size > 20 * 1024 * 1024) {
alert("您上传的文件过大，请重新选择")
}
return false;
//8.表单提交
${"#uploadForm"}.submit();
}
else {
alert("请选择您要上传的文件");
return false;
}
})
})
</script>
</body>
</html>第三步：后台处理
UploadDemoController.java
package com.hs.web;
import org.apache.commons.io.FilenameUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.Date;
import java.util.Random;
/**
* 文件上传操作
*/
@Controller
public class UploadDemoController {
/**
* 单文件上传_标准写法
*
* @param title
* @param myfile
* @param request
* @return
*/
@PostMapping("/upload01")
public ModelAndView test01(String title, MultipartFile myfile, HttpServletRequest request) throws IOException {
ModelAndView mav = new ModelAndView();
// System.out.println(title);
//1.获取上传文件的名称
String fileName = myfile.getOriginalFilename();
mav.addObject("fileName", fileName);
//2.判断文件名称是否有值,isEmpty是这个字符串的length=0为true
if (!fileName.isEmpty()) {
//3.获取服务器的绝对路径
String path = request.getServletContext().getRealPath("/upload");
//4.建立联系
File folder = new File(path);
//5.判断该文件是否存在，不存在则创建文件夹
if (!folder.exists()) {
folder.mkdirs(); //创建文件夹
}
//6,获取上传文件的后缀名称
String ext = FilenameUtils.getExtension(fileName);
//7.创建新的文件名称
//String newFileName = UUID.randomUUID().toString() + "." + ext;
//或者用时间戳创建名称
String newFileName = new Date().getTime() + "_" + new Random().nextInt(100000) + "." + ext;
mav.addObject("newFileName", newFileName);
// System.out.println(newFileName);
//8.文件上传，File.separator为斜线
myfile.transferTo(new File(path + File.separator + newFileName));
}
mav.addObject("hs", "和尚");
mav.setViewName("jsp/result");
/*System.out.println("测试是否可以获取正常的数据:"+title);
System.out.println("=====");
System.out.println("文件的MIME类型 :"+myfile.getContentType());
System.out.println("文件NAME属性对应的值 :"+myfile.getName());
System.out.println("上传文件的名称 :"+myfile.getOriginalFilename());
System.out.println("上传文件的大小 :"+myfile.getSize());*/
return mav;
}
}3.下载操作
方式一：直接超链接方式显示
result.jsp
<h2>直接超链接方式显示</h2>
<a href="upload/${newFileName }">${fileName }</a>方式二：HTML5 中的download属性
<h2>HTML5 中的download属性</h2>
<a href="upload/${newFileName }" download="${fileName }">${fileName }</a>方式三：使用流的方法–到控制层处理
<h2>使用流的方法--到控制层处理，发送请求到控制器，download</h2>
<a href="download?newFileName=${newFileName}&fileName=${fileName}">${fileName }下载</a>在springmvc.xml声明处理byte数组，在解决@ResponseBody在IE浏览器的BUG问题上面
<!--解决下载的时候转换问题,声明处理byte数组-->
<bean class="org.springframework.http.converter.ByteArrayHttpMessageConverter"/>DownloadDemoController.java处理流
package com.hs.web;
import org.apache.commons.io.FileUtils;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
/**
* 文件下载操作
*/
@Controller
public class DownloadDemoController {
/**
* 文件下载，使用流的方法
*
* @param newFileName
* @param fileName
* @param request
* @return
* @throws IOException
*/
@GetMapping("/download")
public ResponseEntity<byte[]> test02(String newFileName, String fileName, HttpServletRequest request) throws IOException {
//获取服务端的绝对路径
String path = request.getServletContext().getRealPath("/upload/");
HttpHeaders headers = new HttpHeaders();
//设置相应的内容为流
headers.setContentType(MediaType.TEXT_EVENT_STREAM);
//设置下载的名称--和中文乱码的问题
headers.setContentDispositionFormData("attachment",
new String(fileName.getBytes("UTF-8"), "ISO8859-1")
);
//找到文件
File file = new File(path + File.separator + newFileName);
return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),/*将文件转换为byte数组*/
headers,
HttpStatus.CREATED);
}
}