Java Servlet图片上传至指定文件夹并显示图片

在学习Servlet过程中，针对图片上传做了一个Demo，实现的功能是：在a页面上传图片，点击提交后，将图片保存到服务器指定路径（D:/image）；跳转到b页面，b页面读取展示绝对路径（D:/image）的图片。主要步骤如下：

步骤一：上传页面uploadphoto.jsp

　　需要注意两个问题：

　　1.form 的method必须是post的，get不能上传文件，还需要加上enctype="multipart/form-data" 表示提交的数据是二进制文件。

　　2.需要提供type="file" 的字段进行上传

<%@ 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>upload page</title>

</head>

<body >

    <form action="uploadPhoto" method="post" enctype="multipart/form-data">

          英雄名称: <input type="text" name="heroName" /> <br><br>

          上传头像: <input type="file" name="filepath" /> <br><br>

                   <input type="submit" value="上传">

    </form>

</body>

</html>

步骤二：UploadPhotoServlet类

　　1. 需要用到两个第三方的jar包，commons-io-1.4.jar和commons-fileupload-1.2.2.jar。项目是Maven项目，直接在pom.xml文件中引入：

<dependency>

   <groupId>commons-io</groupId>

   <artifactId>commons-io</artifactId>

   <version>2.4</version>

</dependency>

<dependency>

   <groupId>commons-fileupload</groupId>

   <artifactId>commons-fileupload</artifactId>

   <version>1.3.1</version>

</dependency>

　　 2. 前部分代码是固定写法，用来做一些准备工作。直到遍历出Item,一个Item就是对应一个浏览器提交的数据，通过item.getInputStream可以打开浏览器上传的文件的输入流。
　 3. 客户提交的文件名有可能是一样的，所以在服务端保存文件的时候，不能使用客户提交的文件名。这里使用的是一种粗糙的解决文件名重复的办法，即使用时间戳。

package servlet;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.PrintWriter;

import java.util.Iterator;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

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;

public class UploadPhotoServlet extends HttpServlet {

    public static String filename = null;

    /**

     *

     */

    private static final long serialVersionUID = 1L;

    public void doGet(HttpServletRequest request,HttpServletResponse response){

    }

    @SuppressWarnings("rawtypes")

    public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException{

        DiskFileItemFactory factory = new DiskFileItemFactory();

        ServletFileUpload upload = new ServletFileUpload(factory);

        factory.setSizeThreshold(1024 * 1024);

        List items = null;

        try {

            items = upload.parseRequest(request);

        } catch (FileUploadException e) {

            e.printStackTrace();

        }

        Iterator iter = items.iterator();

        while(iter.hasNext()){

            FileItem item = (FileItem) iter.next();

            if(!item.isFormField()){

                // 根据时间戳创建头像文件

                filename = System.currentTimeMillis() + ".jpg";

                System.out.println(request.getContextPath());

                /*File f = new File(getServletContext().getRealPath("upload"));*/

                File f = new File("D://image");

                if (!f.exists()) {

                    f.mkdir();

                }

                String imgsrc = f + "/" + filename;

                // 复制文件

                InputStream is = item.getInputStream();

                FileOutputStream fos = new FileOutputStream(imgsrc);

                byte b[] = new byte[1024 * 1024];

                int length = 0;

                while (-1 != (length = is.read(b))) {

                    fos.write(b, 0, length);

                }

                fos.flush();

                fos.close();  

            }else {

                System.out.println(item.getFieldName());

                String value = item.getString();

                value = new String(value.getBytes("ISO-8859-1"), "UTF-8");

                System.out.println(value);

            }

        }

        //request.setAttribute("filename", filename);

        //request.getRequestDispatcher("/showPhoto").forward(request, response);

        response.sendRedirect("/ServletTest/showPhoto?filename="+filename);

    }

}

步骤三：ShowPhotoServlet类

　　其实这个类可以省略，即可以直接在UploadPhotoServlet类中跳转到页面showphoto.jsp，但是为了学习Servlet跳转方面的知识，于是增加一个新的Servlet类。

package servlet;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class ShowPhotoServlet extends HttpServlet{

    /**

     *

     */

    private static final long serialVersionUID = 1L;

    public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{

        String filename = request.getParameter("filename").toString();

        response.sendRedirect("/ServletTest/showphoto.jsp?filename="+filename);

    }

    public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{

        String filename = request.getAttribute("filename").toString();

        request.setAttribute("filename", filename);

        request.getRequestDispatcher("/showphoto.jsp").forward(request, response);

    }

}

　　1.servlet跳转至jsp

　　详见：http://blog.csdn.net/yoxibaga/article/details/8624056

　　 a.服务端跳转浏览器的地址不变(请求转发)

　　 request.setAttribute("filename", filename);

　　 request.getRequestDispatcher("/showphoto.jsp").forward(request, response);

　　 b.客户端跳转浏览器的地址发生变化(请求重定向)

　　 response.sendRedirect("/ServletTest/showphoto.jsp?filename="+filename);

　　2.servlet跳转至另一个servlet

　　 a.服务端跳转需要重写doPost以获取传递参数　　　　　

　　 String filename = request.getAttribute("filename").toString();

　　 b.客户端跳转需要重写doGet以获取传递参数

　　 String filename = request.getParameter("filename").toString();

步骤三：web.xml配置

    <servlet>

        <servlet-name>UploadPhotoServlet</servlet-name>

        <servlet-class>servlet.UploadPhotoServlet</servlet-class>

    </servlet>

    <servlet-mapping>

        <servlet-name>UploadPhotoServlet</servlet-name>

        <url-pattern>/uploadPhoto</url-pattern>

    </servlet-mapping>  

    <servlet>

        <servlet-name>ShowPhotoServlet</servlet-name>

        <servlet-class>servlet.ShowPhotoServlet</servlet-class>

    </servlet>

    <servlet-mapping>

        <servlet-name>ShowPhotoServlet</servlet-name>

        <url-pattern>/showPhoto</url-pattern>

    </servlet-mapping>

步骤四：展示页面showphoto.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>Image page</title>

</head>

<body>

<%

    String filename = request.getParameter("filename");

    String srcimg = "/image/"+filename;

%>

<img src="<%=srcimg%>"/>

</body>

</html>

　　1.配置虚拟路径

　　图片和工程不在一个盘符下。图片也不能放到工程下。在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为，JSP页面在引图片的时候是在页面解析的路径是:<img src="http://localhost:8080/test/images/1.jpg">。也就是说JSP在引图片的时候是先去工程目录下找的。

　　解决办法：

　　使用虚拟路径来配置，在tomcat下的server.xml中增加一个代码在<Host></Host>中间：　

  <Context docBase="D:\image" path="/image" reloadable="true"/>

　　然后在JSP页面中<img src = "/image/(图片名)">就可以访问图片了。

最终实现效果：

上传界面：

　展示界面：　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

保存图片的文件夹：

Java Servlet图片上传至指定文件夹并显示图片的更多相关文章

Java Struts图片上传至指定文件夹并显示图片
继上一次利用Servlet实现图片上传,这次利用基于MVC的Struts框架,封装了Servlet并简化了JSP页面跳转. JSP上传页面上传一定要为form加上enctype="mult ...
kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器
前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...
kindeditor扩展粘贴截图功能&修改图片上传路径并通过webapi上传图片到图片服务器
前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...
Android 遍历sdcard中指定文件夹下的图片（jpg,jpeg,png）
File scanner5Directory = new File(Environment.getExternalStorageDirectory().getPath() + "/scann ...
Java Servlet 接收上传文件
在Java中使用 Servlet 来接收用户上传的文件,需要用到两个apache包,分别是 commons-fileupload 和 commons-io 包: 如果直接在doPost中,使用requ ...
SpringBoot图片上传(三)——调用文件上传项目的方法(同时启动两个项目)
简单说明:图片上传有一个专门的工程A,提供了图片的上传和下载预览,工程B涉及到图片上传以及回显,都是调用的工程A的方法,言外之意就是要同时启动两个项目. 代码: //工程B的html代码 <di ...
Java 利用FTP上传，下载文件，遍历文件目录
Java实现FTP上传下载文件的工具包有很多,这里我采用Java自带的API,实现FTP上传下载文件.另外JDK1.7以前的版本与其之后版本的API有了较大的改变了. 例如: JDK1.7之前 JDK ...
html + js 实现图片上传，压缩，预览及图片压缩后得到Blob对象继续上传问题
先上效果上传图片后(设置了最多上传3张图片,三张后上传按钮消失) 点击图片放大,可以使用删除和旋转按钮 (旋转功能主要是因为ios手机拍照后上传会有写图片被自动旋转,通过旋转功能可以调正) html ...
Thinkphp5+plupload图片上传功能，支持实时预览图片。
今天和大家分享一个国外的图片上传插件,这个插件支持分片上传大文件.其中著名的七牛云平台的jssdk就使用了puupload插件,可见这个插件还是相当牛叉的. 这个插件不仅仅支持图片上传,还支持大多数文 ...

随机推荐

【Leetcode-easy】Longest Common Prefix
思路:每次从字符数组中读取两个字符串比较.需要注意输入字符串为空,等细节. public String longestCommonPrefix(String[] strs) { if(strs==nu ...
【HDU 6126】Give out candies 最小割
题意有$n$个小朋友,给每个人分$1~m$个糖果,有k个限制限制形如$(x,y,z)$ 表示第$x$个人分到的糖数减去第$y$个人分到的糖数不大于$z$,给第$i$个人$j$颗糖获 ...
listen 76
Flavors Fluctuate With Temperature Does an ice-cold drink actually taste better than the same bevera ...
【Shell】变量的取用、删除、取代与替换
——来自<鸟哥的Linux私房菜> ——总结做方便查阅之用变量的取用: echo echo $variableecho $PATHecho ${PATH} 变量的配置守则1.变量与变量内 ...
pod lib lint 报错 Unable to find a specification for `AMap2DMap` depended upon by `DingtalkPod
执行 pod验证报错如下 ➜ DingtalkPod git:(2.0.0) ✗ pod lib lint --sources='https://github.com/AloneMonkey/Mo ...
hyperledger fabric学习（1）
第一部分环境搭建说明本次环境搭建是是现在虚拟机中,采用ubuntu 16.04版本,安装多次成功. 首先安装一些常用的工具 sudo apt-get update sudo apt-get in ...
ambari 维护模式及reset API 操作
Ambari 的维护模式(Maintenance Mode)介绍 Ambari 提供的 Maintenance Mode,是为了让用户在调试或者维护 Service 的时候,抑制不必要的告警(Aler ...
1080 Graduate Admission (30)（30 分）
It is said that in 2013, there were about 100 graduate schools ready to proceed over 40,000 applicat ...
BZOJ_1998_[Hnoi2010]Fsk物品调度_并查集+置换
BZOJ_1998_[Hnoi2010]Fsk物品调度_并查集+置换 Description 现在找工作不容易,Lostmonkey费了好大劲才得到fsk公司基层流水线操作员的职位.流水线上有n个位置 ...
codevs 1144 守望者的逃离
传送门 1144 守望者的逃离 2007年NOIP全国联赛普及组时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题解题目描述 Description 恶 ...

Java Servlet图片上传至指定文件夹并显示图片

Java Servlet图片上传至指定文件夹并显示图片的更多相关文章

随机推荐

热门专题