文件上传下载



文件上传介绍

在这里插入图片描述

文件上传基本原理

在这里插入图片描述
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);
}

测试

在这里插入图片描述
在这里插入图片描述

文件下载与注意事项

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值