文章目录

  • 一、文件的上传
  • 1.1 文件上传的介绍
  • 1.2 文件上传的HTTP协议说明
  • 1.3 简单的实例
  • 1.4 解析上传的文件
  • 解析上传数据常用的类和方法
  • 实例
  • 二、相关的jar包下载路径


一、文件的上传

1.1 文件上传的介绍

在jsp中,文件的上传分为四个步骤:
1、要有一个form标签,method = post请求
2、form标签的encType属性值要设置为multipart/form-data
3、在form标签中,使用input type = file 添加上传的文件
4、编写服务器代码(Servlet程序)接收,处理上传的数据

解释一下:encType = multipart/form-data 的作用是:表示提交的数据以多段的形式(每一个表单项是一个数据段)进行拼接,然后以二进制的形式发送给服务器。所以,服务器要接收得用二进制的形式去读然后再整理出来。(后边会有详细代码)

1.2 文件上传的HTTP协议说明

javascript传入POST参数 js post上传文件_java

1.3 简单的实例

现在,简单介绍一下怎么让一个jsp文件接收用户的信息,并传到自己的Servlet程序输出。
首先,先写我们的jsp:

<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="http://localhost:8080/File_UP_DOWN/upload" enctype="multipart/form-data" method="post">
        用户名:<input type="text" name="username"/><br>
        头  像:<input type="file" name="photo"/><br>
        <input type="submit" value="上传"/>
    </form>
</body>
</html>

然后写我们的Servlet:

package com.hstc.edu;

import javax.servlet.ServletException;
import javax.servlet.ServletInputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class UpLoad extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("接收到传过来的文件");
        ServletInputStream inputStream = req.getInputStream();
        //缓冲区
        byte[] buffer = new byte[1024000];
        //使用缓冲区读取inputStream流中的内容,并获取流的长度
        int length = inputStream.read(buffer);
        //把缓冲区中内容输出
        System.out.println(new String(buffer,0,length));
    }
}

再将我们的Servlet在web.xml中进行注册:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>UpLoad</servlet-name>
        <servlet-class>com.hstc.edu.UpLoad</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>UpLoad</servlet-name>
        <url-pattern>/upload</url-pattern>
    </servlet-mapping>

</web-app>

启动Tomcat,然后进入我们的项目:

输入用户名并选择图片后,点击上传,会跳转到我们的Servlet的路径下

javascript传入POST参数 js post上传文件_表单_02


javascript传入POST参数 js post上传文件_上传_03


同时,控制台显示接收到的信息:

javascript传入POST参数 js post上传文件_java_04

1.4 解析上传的文件

要想解析上传的文件,分为以下几个步骤:
1、导入对应的jar包(commons-io.jar和comons-fileupload.jar)
2、

解析上传数据常用的类和方法

首先是ServletFileUpload类,他的作用主要是用来解析上传的数据,常用的方法及功能描述如下:

方法

作用

返回值

isMultipartContent

判断上传的数据格式是否是多段的格式

boolean

parseRequest

解析上传的数据

List<FileItem>

然后我们介绍一下这个FileItem类,这个类主要是用来存放我们的表单项,比如上面案例中的图片是一个表单项、用户名也是一个表单项,他常用的方法如下:

方法

作用

返回值

isFormField

判断当前的表单项是否是普通的表单项,上传的文件不算

boolean

getFieldName

获取表单项的name的属性值

String

getString

获取表单项的值

String

getName

获取上传的文件名

String

write(file)

将上传的文件写到 参数file所指向的磁盘位置

void

实例

之前上面实力的jsp文件不变

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="http://localhost:8080/File_UP_DOWN/upload" enctype="multipart/form-data" method="post">
        用户名:<input type="text" name="username"/><br>
        头  像:<input type="file" name="photo"/><br>
        <input type="submit" value="上传"/>
    </form>
</body>
</html>

然后修改之前的Servlet程序代码如下:

package com.hstc.edu;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
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;

public class UpLoad extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //判断是否是多段数据(只有是多段数据才是文件上传)
        //多段数据返回true,否则返回false
        if(ServletFileUpload.isMultipartContent(req)){
            //创建FileItemFactory工厂实现类
            FileItemFactory factory = new DiskFileItemFactory();
            //创建用于解析数据的工具类ServletFileUpload类
            ServletFileUpload servletFileUpload = new ServletFileUpload(factory);
            try {
                //解析上传的数据,得到每一个表单项FileItem
                List<FileItem> list = servletFileUpload.parseRequest(req);
                //判断每个表单项是普通类型还是上传的文件
                for(FileItem item : list){
                    if(item.isFormField()){
                        //普通表单项
                        System.out.println("表单项的name:"+item.getFieldName());
                        //使用UTF-8解析,防止乱码
                        System.out.println("表单项的value:"+item.getString("UTF-8"));
                    }else {
                        //上传的文件
                        System.out.println("表单项的name:"+item.getFieldName());
                        System.out.println("上传的文件名为:"+item.getName());
                        //将此文件写到d盘根目录
                        item.write(new File("d:\\"+item.getName()));
                    }
                }
            } catch (FileUploadException e) {
                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }
}

进入jsp中,输入用户名并选择任一文件后点击上传

javascript传入POST参数 js post上传文件_上传_05


此时,服务器输出:

javascript传入POST参数 js post上传文件_表单_06


然后我们进入D盘根目录可以看到(文件成功写入本地磁盘):

javascript传入POST参数 js post上传文件_表单_07