在学习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图片上传至指定文件夹并显示图片的更多相关文章

  1. Java Struts图片上传至指定文件夹并显示图片

    继上一次利用Servlet实现图片上传,这次利用基于MVC的Struts框架,封装了Servlet并简化了JSP页面跳转. JSP上传页面 上传一定要为form加上enctype="mult ...

  2. kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  3. kindeditor扩展粘贴截图功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  4. Android 遍历sdcard中指定文件夹下的图片（jpg,jpeg,png）

    File scanner5Directory = new File(Environment.getExternalStorageDirectory().getPath() + "/scann ...

  5. Java Servlet 接收上传文件

    在Java中使用 Servlet 来接收用户上传的文件,需要用到两个apache包,分别是 commons-fileupload 和 commons-io 包: 如果直接在doPost中,使用requ ...

  6. SpringBoot图片上传(三)——调用文件上传项目的方法(同时启动两个项目)

    简单说明:图片上传有一个专门的工程A,提供了图片的上传和下载预览,工程B涉及到图片上传以及回显,都是调用的工程A的方法,言外之意就是要同时启动两个项目. 代码: //工程B的html代码 <di ...

  7. Java 利用FTP上传，下载文件，遍历文件目录

    Java实现FTP上传下载文件的工具包有很多,这里我采用Java自带的API,实现FTP上传下载文件.另外JDK1.7以前的版本与其之后版本的API有了较大的改变了. 例如: JDK1.7之前 JDK ...

  8. html + js 实现图片上传，压缩，预览及图片压缩后得到Blob对象继续上传问题

    先上效果 上传图片后(设置了最多上传3张图片,三张后上传按钮消失) 点击图片放大,可以使用删除和旋转按钮 (旋转功能主要是因为ios手机拍照后上传会有写图片被自动旋转,通过旋转功能可以调正) html ...

  9. Thinkphp5+plupload图片上传功能，支持实时预览图片。

    今天和大家分享一个国外的图片上传插件,这个插件支持分片上传大文件.其中著名的七牛云平台的jssdk就使用了puupload插件,可见这个插件还是相当牛叉的. 这个插件不仅仅支持图片上传,还支持大多数文 ...

随机推荐

  1. manacher小结

    P3805 [模板]manacher算法 题目大意 n个字符组成的字符串,求最长回文串 $O$$($$n^3$$)$ 枚举两端点,暴力往中间搜 $O$$($$n^2$$)$ 枚举回文串终点,暴力往两边 ...

  2. Linux CentOS系统上安装Eclipse

    Linux CentOS系统上安装Eclipse 1. 下载Eclipse软件 下载网址:http://www.eclipse.org/downloads/packages/release/Juno/ ...

  3. Spring Boot2.0之注解方式启动Springmvc

    回顾下springmvc原理图: DispatcherServlet是Spring MVC的核心,每当应用接受一个HTTP请求,由DispatcherServlet负责将请求分发给应用的其他组件. 在 ...

  4. Zookeeper原理与Curator使用

    近期打算实现一个基于Zookeeper的分布式的集群状态一致性控制, 对Zookeeper的原理不太了解, 正好学习一下, 网上找到了几篇文章, 先贴在这边, 等我熟读官方文档后, 再来补充自己的见解 ...

  5. css(3)

    行内元素和块内元素可以通过定义display的属性值进行相互转换. 想要叫ul中的li实现横向显示可以在li中加入布局"float:left": 如: /*这个用于控制单个图片区域 ...

  6. ASM磁盘组mount一例

    环境信息: oracle10gRAC  +  RHEL5.8 问题现象: db1服务器crs服务正常,ASM的data磁盘组处于dismount状态.db2集群服务正常. SQL> select ...

  7. java数据的5种存储位置（转）

    任何语言所编写的程序,其中的各类型的数据都需要一个存储位置,java中书的存储位置分为以下5种: 1.寄存器 最快的存储区,位于处理器内部,但是数量及其有限.所以寄存器根据需求自动分配,无序人为控制. ...

  8. super.onCreate(savedInstanceState) 以及onCreate(Bundle savedInstanceState, PersistableBundle persistentState)

    super.onCreate(savedInstanceState) 调用父类的onCreate构造函数. 当一个Activity在生命周期结束前,会调用onSaveInsanceState()这个回 ...

  9. ACM学习历程—HDU2222 Keywords Search（字典树）

    Keywords Search Description In the modern time, Search engine came into the life of everybody like G ...

  10. codevs 1576最长严格上升子序列

    传送门 1576 最长严格上升子序列  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 黄金 Gold   题目描述 Description 给一个数组a1, a2 ... an ...