jsp 文件/图片上传tomcat服务器

关于文件/图片上传tomcat服务器

1.环境准备和情况说明

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

使用 Servlet +jsp 来是实现文件上传到tomcat服务器，使用到的文件有：

upload.jsp : 文件上传表单。
message.jsp : 上传成功后跳转页面。
UploadServlet.java : 上传处理 Servlet接口。
需要引入的 jar 文件：commons-fileupload-1.3.3、commons-io-2.6.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>jsp文件上传</title>
</head>
<body>
<h1>jsp文件上传</h1>
<form method="post" action="/Servlet_study/UploadServlet" enctype="multipart/form-data">选择一个文件/图片:<input type="file" name="uploadFile" /><br/><br/><input type="submit" value="上传" />
</form>
</body>
</html>

编写后台 Servlet

以下是 UploadServlet 的源代码，同于处理文件上传，在这之前我们先确保依赖包已经引入到项目的 WEB-INF/lib 目录下：

下面的实例依赖于 FileUpload，所以一定要确保在您的 classpath 中有最新版本的 commons-fileupload.x.x.jar 文件。可以从 http://commons.apache.org/proper/commons-fileupload/ 下载。
FileUpload 依赖于 Commons IO，所以一定要确保在您的 classpath 中有最新版本的 commons-io-x.x.jar 文件。可以从 http://commons.apache.org/proper/commons-io/ 下载。

你可以直接下载下面提供的两个依赖包：

commons-fileupload-1.3.2.jar
commons-io-2.5.jar

UploadServlet 的源代码如下所示：

package com.zout;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*/
@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;  // 3MBprivate static final int MAX_FILE_SIZE      = 1024 * 1024 * 40; // 40MBprivate static final int MAX_REQUEST_SIZE   = 1024 * 1024 * 50; // 50MB/*** 上传数据及保存文件*/protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {// 1.判断是否为多媒体上传if (!ServletFileUpload.isMultipartContent(request)) {// 如果不是则停止PrintWriter writer = response.getWriter();writer.println("Error: 表单必须写有:enctype=multipart/form-data");writer.flush();return;}//2.开始配置上传参数-创建fileItem工厂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 {// 解析请求的内容提取文件数据List<FileItem> formItems = upload.parseRequest(request);//遍历Itemsif (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对象中保存。File storeFile = new File(filePath);// 在控制台输出文件的上传路径System.out.println(filePath);// 保存文件到硬盘item.write(storeFile);request.setAttribute("message","文件上传成功!"+ "<br>存于："+filePath);}}}} catch (Exception ex) {request.setAttribute("message","错误信息: " + ex.getMessage());}// 跳转到 message.jspgetServletContext().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>${message }
</body>
</html>

编译和运行 Servlet

编译上面的 Servlet UploadServlet，并在 web.xml 文件中创建所需的条目，如下所示：

web.xml 如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://xmlns.jcp.org/xml/ns/javaee"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"id="WebApp_ID" version="3.1"><display-name>Servlet_study</display-name><welcome-file-list><welcome-file>upload.jsp</welcome-file></welcome-file-list><servlet><display-name>UploadServlet</display-name><servlet-name>UploadServlet</servlet-name><servlet-class>com.zout.UploadServlet</servlet-class></servlet><servlet-mapping><servlet-name>UploadServlet</servlet-name><url-pattern>/Servlet_study/UploadServlet</url-pattern></servlet-mapping></web-app>

使用tomcat来运行项目。在浏览器中访问：http://localhost:8080/TomcatTest/upload.jsp ，如下所示：

上传以后：

查看tomcat服务器：

上述方式，可以上传文档，exe，图片，各种文件。不限制。只需要满足大小限制即可。
如果你使用web项目上传图片到tomcat出现了图片不显示的问题！
请参考解决方案解决图片不显示

You got a dream, you gotta protect it.
如果你有梦想的话，就要去捍卫它。 ——《当幸福来敲门》