使用二进制流的方式上传一张图片到网页上展示

效果图：result3.jsp界面

demo08界面

TestUploadServlet类里的代码

package com.situ.lession0422;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Calendar;
import java.util.List;

import javax.servlet.ServletContext;
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.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**
 * Servlet implementation class TestUploadServlet
 */
@WebServlet("/TestUploadServlet")
public class TestUploadServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		// 判断当前是否是二进制流方式提交
		boolean isMutipart = ServletFileUpload.isMultipartContent(request);
		if (isMutipart) {
			// 开始解析表单中的数据
			// 创建一个新的ServletFileUpload的实例
			DiskFileItemFactory factory = new DiskFileItemFactory();
			ServletFileUpload upload = new ServletFileUpload(factory);
			try {
				// 解析request，得到FileItem的集合
				List<FileItem> fileItemList = upload.parseRequest(request);
				// 开始遍历FileItem的集合
				for (FileItem fileItem : fileItemList) {
					// 判断是否为文本表单元素
					boolean isFormField = fileItem.isFormField();
					if (isFormField) {
						// 表单文本元素的name信息
						String fieldName = fileItem.getFieldName();
						// 表单文本元素的value的值
						String fieldVal = fileItem.getString("utf-8");
						System.out.println(fieldName + "=" + fieldVal);
					} else {// 当前FileItem是一个二进制流的对象
						String fieldName = fileItem.getFieldName();
						System.out.println("type='file'的name=" + fieldName);
						String fileName = fileItem.getName();
						System.out.println("上传的文件名称=" + fileName);
						String contenType = fileItem.getContentType();
						System.out.println("上传的文件类型=" + contenType);
						Long size = fileItem.getSize();
						System.out.println("上传文件的大小=" + size + "byte");
						// 输入流
						InputStream inputStream = fileItem.getInputStream();
						System.out.println("上传文件的输入流=" + inputStream);
						// 定义写出文件的输出流
						// 得到项目的根路径:F:\javaee\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\lession0422\
						// request.getSession().getServletContext();
						ServletContext application = request.getServletContext();
						String realPath = application.getRealPath("/");
						System.out.println(realPath);
						StringBuffer filePath = new StringBuffer("uploadfiles/");
						filePath.append(Calendar.getInstance().getTimeInMillis())
								.append(fileName.substring(fileName.lastIndexOf(".")));
						System.out.println("写出文件的相对路径" + filePath);
						File toFile = new File(realPath + filePath);
						// 获取toFile的父路径
						File parentFile = toFile.getParentFile();
						// 如果父路径缺失，则调用mkdirs方法自动创建
						if (!parentFile.exists()) {
							parentFile.mkdirs();
						}
						// System.out.println("路径写出" + toFile);
						OutputStream outputStream = new FileOutputStream(toFile);

						int length = -1;
						byte[] bytes = new byte[2048];
						while ((length = inputStream.read(bytes)) != -1) {
							outputStream.write(bytes, 0, length);
						}
						outputStream.close();
						inputStream.close();
						// 携带者上传文件的相对路径filePath到达页面进行展示
						request.setAttribute("filePath", filePath);
						// Dispatcher[dɪˈspætʃə(r)]调度程序
						request.getRequestDispatcher("result3.jsp").forward(request, response);
					}
				}
			} catch (FileUploadException e) {
				e.printStackTrace();
			}
		}

		/*
		 * String userName = request.getParameter("userName"); String userAge =
		 * request.getParameter("userAge"); System.out.println(userName+"\t"+userAge);
		 * String userFile = request.getParameter("userFile");
		 * System.out.println(userFile);
		 */
		// response.sendRedirect("demo08.jsp");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}

}

demo08.jsp的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- enctype="application/x-www-form-urlencoded" 默认值，表单以文本的方式提交
	enctype="multipart/form-data"表单以二进制流的方式提交
	表单二进制流的提交：
	1.method = "post"
	2.enctype="multipart/form-data"
 -->
<form action="Test2UploadServlet" method="post" enctype="multipart/form-data">
用户名称:<input name ="userName" /><br/>
用户年龄:<input name = "userAge"/><br/>
用户头像:<input type = "file" name = "userFile"/><br/>
<input type = "submit" value="提交" />
<!-- <a href="result3.jsp" target="_blank">新窗口</a> -->
<input type = "reset" value="重置" />
</form>
</body>
</html>

result3.jsp的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>上传文件完成</h1>
	<h3>${filePath}</h3>
	<img alt="" src="${filePath}">
</body>
</html>