JSP 文件上传

jsp 文件上传

jsp 可以与 html form 标签一起使用,来允许用户上传文件到服务器。上传的文件可以是文本文件或图像文件或任何文档。

本章节我们使用 servlet 来处理文件上传,使用到的文件有:

  • upload.jsp : 文件上传表单。
  • message.jsp : 上传成功后跳转页面。
  • uploadservlet.java : 上传处理 servlet。
  • 需要引入的 jar 文件:commons-fileupload-1.3.2、commons-io-2.5.jar。

结构图如下所示:

接下来我们详细介绍。

创建一个文件上传表单

下面的 html 代码创建了一个文件上传表单。以下几点需要注意:

  • 表单 method 属性应该设置为 post 方法,不能使用 get 方法。
  • 表单 enctype 属性应该设置为 multipart/form-data.
  • 表单 action 属性应该设置为在后端服务器上处理文件上传的 servlet 文件。下面的实例使用了 uploadservlet servlet 来上传文件。
  • 上传单个文件,您应该使用单个带有属性 type="file" 的 <input .../> 标签。为了允许多个文件上传,请包含多个 name 属性值不同的 input 标签。输入标签具有不同的名称属性的值。浏览器会为每个 input 标签关联一个浏览按钮。

upload.jsp 文件代码如下:

<%@ page language="java" contenttype="text/html; charset=utf-8"
    pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
    "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>文件上传实例 - 硕编程</title>
</head>
<body>
<h1>文件上传实例 - 硕编程</h1>
<form method="post" action="/tomcattest/uploadservlet" enctype="multipart/form-data">
    选择一个文件:
    <input type="file" name="uploadfile" />
    <br/><br/>
    <input type="submit" value="上传" />
</form>
</body>
</html>

编写后台 servlet

以下是 uploadservlet 的源代码,同于处理文件上传,在这之前我们先确保依赖包已经引入到项目的 web-inf/lib 目录下:

你可以直接下载本站提供的两个依赖包:

uploadservlet 的源代码 如下所示:

package com.yapf.test;

import java.io.file;
import java.io.ioexception;
import java.io.printwriter;
import java.util.list;
 
import javax.servlet.servletexception;
import javax.servlet.annotation.webservlet;
import javax.servlet.http.httpservlet;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
 
import org.apache.commons.fileupload.fileitem;
import org.apache.commons.fileupload.disk.diskfileitemfactory;
import org.apache.commons.fileupload.servlet.servletfileupload;
 

/**
 * servlet implementation class uploadservlet
 */

// 如果不配置 web.xml ,可以使用下面的代码
// @webservlet("/uploadservlet")
public class uploadservlet extends httpservlet {
    private static final long serialversionuid = 1l;
     
    // 上传文件存储目录
    private static final string upload_directory = "upload";
 
    // 上传配置
    private static final int memory_threshold   = 1024 * 1024 * 3;  // 3mb
    private static final int max_file_size      = 1024 * 1024 * 40; // 40mb
    private static final int max_request_size   = 1024 * 1024 * 50; // 50mb
 
    /**
     * 上传数据及保存文件
     */
    protected void dopost(httpservletrequest request,
        httpservletresponse response) throws servletexception, ioexception {
        // 检测是否为多媒体上传
        if (!servletfileupload.ismultipartcontent(request)) {
            // 如果不是则停止
            printwriter writer = response.getwriter();
            writer.println("error: 表单必须包含 enctype=multipart/form-data");
            writer.flush();
            return;
        }
 
        // 配置上传参数
        diskfileitemfactory factory = new diskfileitemfactory();
        // 设置内存临界值 - 超过后将产生临时文件并存储于临时目录中
        factory.setsizethreshold(memory_threshold);
        // 设置临时存储目录
        factory.setrepository(new file(system.getproperty("java.io.tmpdir")));
 
        servletfileupload upload = new servletfileupload(factory);
         
        // 设置最大文件上传值
        upload.setfilesizemax(max_file_size);
         
        // 设置最大请求值 (包含文件和表单数据)
        upload.setsizemax(max_request_size);
        
        // 中文处理
        upload.setheaderencoding("utf-8"); 

        // 构造临时路径来存储上传的文件
        // 这个路径相对当前应用的目录
        string uploadpath = getservletcontext().getrealpath("/") + file.separator + upload_directory;
       
         
        // 如果目录不存在则创建
        file uploaddir = new file(uploadpath);
        if (!uploaddir.exists()) {
            uploaddir.mkdir();
        }
 
        try {
            // 解析请求的内容提取文件数据
            @suppresswarnings("unchecked")
            list<fileitem> formitems = upload.parserequest(request);
 
            if (formitems != null && formitems.size() > 0) {
                // 迭代表单数据
                for (fileitem item : formitems) {
                    // 处理不在表单中的字段
                    if (!item.isformfield()) {
                        string filename = new file(item.getname()).getname();
                        string filepath = uploadpath + file.separator + filename;
                        file storefile = new file(filepath);
                        // 在控制台输出文件的上传路径
                        system.out.println(filepath);
                        // 保存文件到硬盘
                        item.write(storefile);
                        request.setattribute("message",
                            "文件上传成功!");
                    }
                }
            }
        } catch (exception ex) {
            request.setattribute("message",
                    "错误信息: " + ex.getmessage());
        }
        // 跳转到 message.jsp
        getservletcontext().getrequestdispatcher("/message.jsp").forward(
                request, response);
    }
}

message.jsp 文件代码如下:

<%@ page language="java" contenttype="text/html; charset=utf-8"
    pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
    "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>文件上传结果</title>
</head>
<body>
    <center>
        <h2>${message}</h2>
    </center>
</body>
</html>

编译和运行 servlet

编译上面的 servlet uploadservlet,并在 web.xml 文件中创建所需的条目,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/xmlschema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    xsi:schemalocation="http://java.sun.com/xml/ns/javaee
        http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    id="webapp_id" version="2.5">
  <servlet>
    <display-name>uploadservlet</display-name>
    <servlet-name>uploadservlet</servlet-name>
    <servlet-class>com.yapf.test.uploadservlet</servlet-class>
  </servlet>
   
  <servlet-mapping>
    <servlet-name>uploadservlet</servlet-name>
    <url-pattern>/tomcattest/uploadservlet</url-pattern>
  </servlet-mapping>
</web-app>

现在尝试使用您在上面创建的 html 表单来上传文件。当您在浏览器中访问:http://localhost:8080/tomcattest/upload.jsp ,演示如下所示:

相关文章