文件上传下载
文件上传介绍
文件上传基本原理
Content-type:multipart/from-data;
后面的boundary的作用:可以在请求体中指定二进制文件类型以及对二进制文件进行分割
请求体中会出现很多乱码,这些都是二进制数据
并且请求体中还会指定文件的类型
判断是不是文件表单,由我们指定的enctype来决定
判断表单项是什么类型
如 type=“file” 就是文件表单项。type=“text” 就是普通表单项
文件上传应用案例
服务器后台存放的是 1.png
在前面展示是 我指定的名字
走通servlet
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 指定了base标签 -->
<base href="<%=request.getContextPath()+"/"%>>">
<style type="text/css">
input[type="submit"] {
outline: none;
border-radius: 5px;
cursor: pointer;
background-color: #31B0D5;
border: none;
width: 70px;
height: 35px;
font-size: 20px;
}
img {
border-radius: 50%;
}
form {
position: relative;
width: 200px;
height: 200px;
}
input[type="file"] {
position: absolute;
left: 0;
top: 0;
height: 200px;
opacity: 0;
cursor: pointer;
}
</style>
<script type="text/javascript">
function prev(event) {
//获取展示图片的区域
var img = document.getElementById("prevView");
//获取文件对象
var file = event.files[0];
//获取文件阅读器: Js的一个类,直接使用即可
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
//给img的src设置图片url
img.setAttribute("src", this.result);
}
}
</script>
</head>
<body>
<!-- 表单的enctype属性要设置为multipart/form-data
enctype="multipart/form-data" 表示提交的数据是多个部分构造,有文件和文本
-->
<form action="fileUploadServlet" method="post" enctype="multipart/form-data">
家居图: <img src="2.jpg" alt="" width="200" height="200" id="prevView">
<%-- 小伙伴愿意完成自己测试--%>
<input type="file" name="pic" id="" value="" onchange="prev(this)"/>
家居名: <input type="text" name="name"><br/>
<input type="submit" value="上传"/>
</form>
</body>
</html>
FileUploadServlet
package com.study.servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author 珀筱
*/
public class FileUploadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("FileUploadServlet被调用");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
}
访问:http://localhost:8080/fileupdown/upload.jsp
提交表单
Fileitem
将提交的表单项 封装成 Fileitem对象
Fileitem对象提供一系列的方法,对表单项进行筛选
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1. 判断是不是文件表单(enctype="multipart/form-data")
if (ServletFileUpload.isMultipartContent(request)) {
//2.创建DiskFileItemFactory对象,用于构建一个解析上传数据的工具对象
DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory();
//3.创建一个解析上传数据的工具对象
ServletFileUpload servletFileUpload = new ServletFileUpload(diskFileItemFactory);
try {
//4.关键的地方,下ServletFileUpload对象可以把表单提交的数据text / 文件
//将其封装到FileItem文件项中
List<FileItem> list = servletFileUpload.parseRequest(request);
/**
* list ==>
* [name=2.jpg, StoreLocation=D:\Java\JavaWeb\JavaWeb 学习资料\软件\apache-tomcat-8.0.50-windows-x64\apache-tomcat-8.0.50\temp\xupload_5958b516_17fea753910__7f13_00000000.tmp, size=216842bytes, isFormField=false, FieldName=pic,
* name=null, StoreLocation=D:\Java\JavaWeb\JavaWeb 学习资料\软件\apache-tomcat-8.0.50-windows-x64\apache-tomcat-8.0.50\temp\xupload_5958b516_17fea753910__7f13_00000001.tmp, size=6bytes, isFormField=true, FieldName=name]
* StoreLocation: 上传文件的存放位置,上面创建servletFileUpload时,已经将文件存放到一个临时的位置
* size: 文件大小
* isFormField: 判断是否是普通的表单的字段,如果是true 是普通的表单字段。如果为false,则是file类型字段
* FieldName: 表单项的name值
**/
System.out.println("list==>" + list);
} catch (FileUploadException e) {
e.printStackTrace();
}
}
}
表单项区别处理
public class FileUploadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1. 判断是不是文件表单(enctype="multipart/form-data")
if (ServletFileUpload.isMultipartContent(request)) {
//2.创建DiskFileItemFactory对象,用于构建一个解析上传数据的工具对象
DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory();
//3.创建一个解析上传数据的工具对象
ServletFileUpload servletFileUpload = new ServletFileUpload(diskFileItemFactory);
try {
//4.关键的地方,下ServletFileUpload对象可以把表单提交的数据text / 文件
//将其封装到FileItem文件项中
List<FileItem> list = servletFileUpload.parseRequest(request);
for (FileItem fileItem : list) {
//判断是不是普通的表单字段
if (fileItem.isFormField()) { //是普通表单字段
String name = fileItem.getString("utf-8");
System.out.println("家具名=" + name);
} else { //文件表单字段
//获取上传文件的名字
String name = fileItem.getName();
System.out.println("上传的文件名=" + name);
}
}
} catch (FileUploadException e) {
e.printStackTrace();
}
}
创建目录保存文件
package com.study.servlet;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.util.List;
/**
* @author 珀筱
*/
public class FileUploadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1. 判断是不是文件表单(enctype="multipart/form-data")
if (ServletFileUpload.isMultipartContent(request)) {
//2.创建DiskFileItemFactory对象,用于构建一个解析上传数据的工具对象
DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory();
//3.创建一个解析上传数据的工具对象
ServletFileUpload servletFileUpload = new ServletFileUpload(diskFileItemFactory);
try {
//4.关键的地方,下ServletFileUpload对象可以把表单提交的数据text / 文件
//将其封装到FileItem文件项中
List<FileItem> list = servletFileUpload.parseRequest(request);
for (FileItem fileItem : list) {
//判断是不是普通的表单字段
if (fileItem.isFormField()) { //是普通表单字段
String name = fileItem.getString("utf-8");
System.out.println("家具名=" + name);
} else { //文件表单字段
//获取上传文件的名字
String name = fileItem.getName();
System.out.println("上传的文件名=" + name);
//把这个上传到服务器的temp下的文件保存到你指定的目录
//1.指定一个目录,就是我们网站工作目录下
String filepath = "/upload/";
//2.获取到完整目录
// 这个目录是和你的web项目运行环境绑定的.
//D:\idea\JavaWeb\fileupdown\out\artifacts\fileupdown_war_exploded\xupload\
String fileRealPath = request.getServletContext().getRealPath(filepath);
//3.创建这个上传的目录=>创建目录
File fileRealPathDirectory = new File(fileRealPath);
if (!fileRealPathDirectory.exists()) { //不存在就创建
fileRealPathDirectory.mkdirs();
}
//4.将文件拷贝到于FileRealPathDirectory目录
// 构建一个上传文件的完整路径﹔目录+文件名
String filePullPath = fileRealPathDirectory + "/" + name;
fileItem.write(new File(filePullPath));
//5.提示信息
response.setContentType("text/html;charset=utf-8");
response.getWriter().write("上传成功");
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
}
访问:http://localhost:8080/fileupdown/upload.jsp
提交表单
文件上传编码问题
上传中文名文件时,会出现乱码
只需要设置请求头的编码即可
//解决接收到文件名是中文乱码问题
servletFileUpload.setHeaderEncoding("utf-8");
文件分目录存放
写一个工具类,将当前的年月日取出
public class WebUtils {
public static String getYearMonthDay() {
//如何得到当前的日期-> java基础日期三代类
LocalDateTime ldt = LocalDateTime.now();
int year = ldt.getYear();
int month = ldt.getMonthValue();
int day = ldt.getDayOfMonth();
String yearMonthDay = year + "/" + month + "/" + day + "/";
return yearMonthDay;
}
}
FileUploadServlet
在创建目录时,以当前时间 分级 创建
//3.创建这个上传的目录=>创建目录
File fileRealPathDirectory = new File(fileRealPath + WebUtils.getYearMonthDay());
if (!fileRealPathDirectory.exists()) { //不存在就创建
fileRealPathDirectory.mkdirs();
}
今天为 2020/4/3
文件覆盖
上传两个文件,如果同名,那么会将前一个文件替换
这时,只需要将文件名修改成唯一标识即可
//4.将文件拷贝到于FileRealPathDirectory目录
// 构建一个上传文件的完整路径﹔目录+文件名
// 对上传的文件名进行处理,前面增加一个前缀,保证是唯一即可 UUID + 系统毫秒数
name = UUID.randomUUID().toString() + "_" + System.currentTimeMillis() + "_" + name;
String filePullPath = fileRealPathDirectory + "/" + name;
fileItem.write(new File(filePullPath));
完整代码
package com.study.servlet;
import com.study.utils.WebUtils;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.UUID;
/**
* @author 珀筱
*/
public class FileUploadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1. 判断是不是文件表单(enctype="multipart/form-data")
if (ServletFileUpload.isMultipartContent(request)) {
//System.out.println("ok");
//2.创建DiskFileItemFactory对象,用于构建一个解析上传数据的工具对象
DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory();
/*
表单提交的数据就是input 元素
<input type="file" name="pic" id="" value="" οnchange="prev(this)"/>
家居名: <input type="text" name="name"><br/>
<input type="submit" value="上传"/>
*/
//3.创建一个解析上传数据的工具对象
ServletFileUpload servletFileUpload = new ServletFileUpload(diskFileItemFactory);
//解决接收到文件名是中文乱码问题
servletFileUpload.setHeaderEncoding("utf-8");
//4.关键的地方,下ServletFileUpload对象可以把表单提交的数据text / 文件
//将其封装到FileItem文件项中
try {
/**
* list ==>
* [name=2.jpg, StoreLocation=D:\Java\JavaWeb\JavaWeb 学习资料\软件\apache-tomcat-8.0.50-windows-x64\apache-tomcat-8.0.50\temp\xupload_5958b516_17fea753910__7f13_00000000.tmp, size=216842bytes, isFormField=false, FieldName=pic,
* name=null, StoreLocation=D:\Java\JavaWeb\JavaWeb 学习资料\软件\apache-tomcat-8.0.50-windows-x64\apache-tomcat-8.0.50\temp\xupload_5958b516_17fea753910__7f13_00000001.tmp, size=6bytes, isFormField=true, FieldName=name]
* StoreLocation: 上传文件的存放位置,上面创建servletFileUpload时,已经将文件存放到一个临时的位置
* size: 文件大小
* isFormField: 判断是否是普通的表单的字段,如果是true 是普通的表单字段。如果为false,则是file类型字段
* FieldName: 表单项的name值
**/
List<FileItem> list = servletFileUpload.parseRequest(request);
// System.out.println(list);
//遍历,并分别处理
for (FileItem fileItem : list) {
//判断是不是普通的表单字段
if (fileItem.isFormField()) { //是普通表单字段
String name = fileItem.getString("utf-8");
System.out.println("家具名=" + name);
} else { //文件表单字段
//获取上传文件的名字
String name = fileItem.getName();
System.out.println("上传的文件名=" + name);
//把这个上传到服务器的temp下的文件保存到你指定的目录
//1.指定一个目录,就是我们网站工作目录下
String filePath = "/upload/";
//2.获取到完整目录
// 这个目录是和你的web项目运行环境绑定的.
//D:\idea\JavaWeb\fileupdown\out\artifacts\fileupdown_war_exploded\xupload\
String fileRealPath = request.getServletContext().getRealPath(filePath);
System.out.println("fileRealPath=" + fileRealPath);
//3.创建这个上传的目录=>创建目录
File fileRealPathDirectory = new File(fileRealPath + WebUtils.getYearMonthDay());
if (!fileRealPathDirectory.exists()) { //不存在就创建
fileRealPathDirectory.mkdirs();
}
// System.out.println("fileRealPathDirectory=" + fileRealPathDirectory);
//4.将文件拷贝到于FileRealPathDirectory目录
// 构建一个上传文件的完整路径﹔目录+文件名
// 对上传的文件名进行处理,前面增加一个前缀,保证是唯一即可 UUID + 系统毫秒数
name = UUID.randomUUID().toString() + "_" + System.currentTimeMillis() + "_" + name;
String filePullPath = fileRealPathDirectory + "/" + name;
fileItem.write(new File(filePullPath));
//5.提示信息
response.setContentType("text/html;charset=utf-8");
response.getWriter().write("上传成功");
}
}
} catch (Exception e) {
e.printStackTrace();
}
} else {
System.out.println("不是文件表单");
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
}
注意事项
文件下载基本原理
文件下载应用案例
走通Servlet
download
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文件下载</title>
<base href="<%=request.getContextPath()+"/"%>>">
</head>
<body>
<h1>文件下载</h1>
<a href="fileDownLoadServlet?name=1.jpg">点击下载小狗图片</a><br/><br/>
<a href="fileDownLoadServlet?name=测试文本文件.txt">点击下载测试文本文件</a><br/><br/>
<a href="fileDownLoadServlet?name=高山流水.mp3">点击下载 高山流水.mp3</a><br/><br/>
</body>
</html>
FileDownLoadServlet
package com.study.servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author 珀筱
*/
public class FileDownLoadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("FileDownLoadServlet被调用");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}
}
访问:http://localhost:8080/fileupdown/download.jsp
点击下载链接
准备下载资源
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//先准备要下载的文件[假定这些文件是公共的资源]
//重要:保证当我们的tomcat启动后,在工作目录out下有download文件夹,并且有可供下载的文件! !
//说明,如果你没有看到你创建的download在工作目录out 下 rebuild project -> restart
//2.获取到要下载的文件的名字
request.setCharacterEncoding("utf-8");
String downLoadFileName = request.getParameter("name");
System.out.println("downLoadFileName=" + downLoadFileName);
}
设置下载响应头
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//先准备要下载的文件[假定这些文件是公共的资源]
//重要:保证当我们的tomcat启动后,在工作目录out下有download文件夹,并且有可供下载的文件! !
//说明,如果你没有看到你创建的download在工作目录out 下 rebuild project -> restart
//2.获取到要下载的文件的名字
request.setCharacterEncoding("utf-8");
String downLoadFileName = request.getParameter("name");
System.out.println("downLoadFileName=" + downLoadFileName);
//3.给http响应,设置响应头 Content-Type ,就是文件的NIME
// 通过servletContext来获取
ServletContext servletContext = request.getServletContext();
String downLoadPath = "/download/"; //下载目录从web工程根目录计算/download/1.jpg
String downLoadFileFullPath = downLoadPath + downLoadFileName;
String mimeType = servletContext.getMimeType(downLoadFileFullPath);
System.out.println(mimeType);
//4. 给http响应,设置响应头 Content-Disposition
// 这里考虑的细节比较多,比如不同的浏览器写法不一样,考虑编码
// ff 是 文件名中文需要 base64, 而 ie/chrome 是 URL编码
// 这里我们不需要同学们记住,只需知道原理
//解读
//(1)如果是Firefox 则中文编码需要 base64
//(2)Content-Disposition 是指定下载的数据的展示形式 , 如果attachment 则使用文件下载方式
//(3)如果是其他(主流ie/chrome) 中文编码使用URL编码
if (request.getHeader("User-Agent").contains("Firefox")) {
// 火狐 Base64编码
response.setHeader("Content-Disposition", "attachment; filename==?UTF-8?B?" +
new BASE64Encoder().encode(downLoadFileName.getBytes("UTF-8")) + "?=");
} else {
// 其他(主流ie/chrome)使用URL编码操作
response.setHeader("Content-Disposition", "attachment; filename=" +
URLEncoder.encode(downLoadFileName, "UTF-8"));
}
response.setContentType(mimeType);
//5. 读取下载的文件数据,返回给客户端/浏览器
//(1) 创建一个和要下载的文件,关联的输入流
InputStream resourceAsStream = servletContext.getResourceAsStream(downLoadFileFullPath);
//(2) 得到返回数据的输出流 [因为返回文件大多数是二进制(字节), IO java基础]
ServletOutputStream outputStream = response.getOutputStream();
// response.setContentType("text/html;charset=utf-8");
// response.getWriter().write("下载完成");
//(3) 使用工具类,将输入流关联的文件,对拷到输出流,并返回给客户端/浏览器
IOUtils.copy(resourceAsStream, outputStream);
}
测试