Spring4 MVC 多文件上传（图片并展示）

开始需要在pom.xml加入几个jar,分别是

   　　 <dependency>

            <groupId>commons-fileupload</groupId>

            <artifactId>commons-fileupload</artifactId>

            <version>1.3.</version>

        </dependency>

        <dependency>

            <groupId>commons-io</groupId>

            <artifactId>commons-io</artifactId>

            <version>2.4</version>

        </dependency>

接下来，在Springmvc的配置加入上传文件的配置（PS：我把springmvc的完整配置都展现出来）：

    <!--默认的mvc注解映射的支持 -->

    <mvc:annotation-driven/>

    <!-- 处理对静态资源的请求 -->

    <mvc:resources location="/static/" mapping="/static/**" />

    <!-- 扫描注解 -->

    <context:component-scan base-package="com.ztz.springmvc.controller"/>

    <!-- 视图解析器 -->

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">

        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>

        <!-- 前缀 -->

        <property name="prefix" value="/WEB-INF/jsp/"/>

        <!-- 后缀 -->

        <property name="suffix" value=".jsp"/>

    </bean>

    <!-- 上传文件 -->

    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

        <property name="defaultEncoding" value="utf-8"/>

        <!-- 最大内存大小 -->

        <property name="maxInMemorySize" value=""/>

        <!-- 最大文件大小，-1为不限制大小 -->

        <property name="maxUploadSize" value="-1"/>

    </bean>

一、单文件上传

当然在一个表单中，需要添加enctype="multipart/form-data"，一个表单有文件域，肯定也有基本的文本框，可以一次性提交，springmvc能给我们区别出来，来做不同的处理。首先看下普通的model

package com.ztz.springmvc.model;

public class Users {

    private String name;

    private String password;

    //省略get set方法

    //重写toString()方便测试

    @Override

    public String toString() {

        return "Users [name=" + name + ", password=" + password +  "]";

    }

}

这个是表单的JSP页面：

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

request.setAttribute("basePath", basePath);

%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>FileUpload</title>

</head>

<body>

<form action="${basePath}file/upload" method="post" enctype="multipart/form-data">

    <label>用户名：</label><input type="text" name="name"/><br/>

    <label>密&nbsp;码：</label><input type="password" name="password"/><br/>

    <label>头&nbsp;像</label><input type="file" name="file"/><br/>

    <input type="submit" value="提  交"/>

</form>

</body>

</html>

上传成功跳转的JSP页面，并且显示出上传图片：

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

request.setAttribute("basePath", basePath);

%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>头像</title>

</head>

<body>

<img src="${basePath}${imagesPath}">

</body>

</html>

最后是Controller：

package com.ztz.springmvc.controller;

import java.io.File;

import java.util.UUID;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.multipart.MultipartFile;

import com.ztz.springmvc.model.Users;

@Controller

@RequestMapping("/file")

public class FileUploadController {

    @RequestMapping(value="/upload",method=RequestMethod.POST)

    private String fildUpload(Users users ,@RequestParam(value="file",required=false) MultipartFile file,

            HttpServletRequest request)throws Exception{

        //基本表单

        System.out.println(users.toString());

        //获得物理路径webapp所在路径

        String pathRoot = request.getSession().getServletContext().getRealPath("");

        String path="";

        if(!file.isEmpty()){

            //生成uuid作为文件名称

            String uuid = UUID.randomUUID().toString().replaceAll("-","");

            //获得文件类型（可以判断如果不是图片，禁止上传）

            String contentType=file.getContentType();

            //获得文件后缀名称

            String imageName=contentType.substring(contentType.indexOf("/")+);

            path="/static/images/"+uuid+"."+imageName;

            file.transferTo(new File(pathRoot+path));

        }

        System.out.println(path);

        request.setAttribute("imagesPath", path);

        return "success";

    }

    //因为我的JSP在WEB-INF目录下面，浏览器无法直接访问

    @RequestMapping(value="/forward")

    private String forward(){

        return "index";

    }

}

点击提交控制台输出：

Users [name=fileupload, password=test]

二、多图片上传

springmvc实现多图片上传也很简单，我们把刚才的例子修改下，在加一个文件域，name的值还是相同

<body>

<form action="${basePath}file/upload" method="post" enctype="multipart/form-data">

    <label>用户名：</label><input type="text" name="name"/><br/>

    <label>密&nbsp;码：</label><input type="password" name="password"/><br/>

    <label>头&nbsp;像1</label><input type="file" name="file"/><br/>

    <label>头&nbsp;像2</label><input type="file" name="file"/><br/>

    <input type="submit" value="提  交"/>

</form>

</body>

展示图片来个循环，以便显示多张图片

<body>

<c:forEach items="${imagesPathList}" var="image">

    <img src="${basePath}${image}"><br/>

</c:forEach>

</body>

控制层代码如下：

package com.ztz.springmvc.controller;

import java.io.File;

import java.util.ArrayList;

import java.util.List;

import java.util.UUID;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.multipart.MultipartFile;

import com.ztz.springmvc.model.Users;

@Controller

@RequestMapping("/file")

public class FileUploadController {

    @RequestMapping(value="/upload",method=RequestMethod.POST)

    private String fildUpload(Users users ,@RequestParam(value="file",required=false) MultipartFile[] file,

            HttpServletRequest request)throws Exception{

        //基本表单

        System.out.println(users.toString());

        //获得物理路径webapp所在路径

        String pathRoot = request.getSession().getServletContext().getRealPath("");

        String path="";

        List<String> listImagePath=new ArrayList<String>();

        for (MultipartFile mf : file) {

            if(!mf.isEmpty()){

                //生成uuid作为文件名称

                String uuid = UUID.randomUUID().toString().replaceAll("-","");

                //获得文件类型（可以判断如果不是图片，禁止上传）

                String contentType=mf.getContentType();

                //获得文件后缀名称

                String imageName=contentType.substring(contentType.indexOf("/")+);

                path="/static/images/"+uuid+"."+imageName;

                mf.transferTo(new File(pathRoot+path));

                listImagePath.add(path);

            }

        }

        System.out.println(path);

        request.setAttribute("imagesPathList", listImagePath);

        return "success";

    }

    //因为我的JSP在WEB-INF目录下面，浏览器无法直接访问

    @RequestMapping(value="/forward")

    private String forward(){

        return "index";

    }

}

Spring4 MVC 多文件上传（图片并展示）的更多相关文章

MVC图片上传、浏览、删除 ASP.NET MVC之文件上传【一】（八） ASP.NET MVC 图片上传到服务器
MVC图片上传.浏览.删除 1.存储配置信息在web.config中,添加配置信息节点 <appSettings> <add key="UploadPath" ...
MVC之文件上传1
MVC之文件上传前言这一节我们来讲讲在MVC中如何进行文件的上传,我们逐步深入,一起来看看. Upload File(一) 我们在默认创建的项目中的Home控制器下添加如下: public Act ...
Spring MVC的文件上传和下载
简介: Spring MVC为文件上传提供了直接的支持,这种支持使用即插即用的MultipartResolver实现的.Spring MVC 使用Apache Commons FileUpload技术 ...
0062 Spring MVC的文件上传与下载--MultipartFile--ResponseEntity
文件上传功能在网页中见的太多了,比如上传照片作为头像.上传Excel文档导入数据等先写个上传文件的html <!DOCTYPE html> <html> <head&g ...
Spring MVC实现文件上传
基础准备: Spring MVC为文件上传提供了直接支持,这种支持来自于MultipartResolver.Spring使用Jakarta Commons FileUpload技术实现了一个Multi ...
Asp.net mvc 大文件上传断点续传
Asp.net mvc 大文件上传断点续传进度条概述项目中需要一个上传200M-500M的文件大小的功能,需要断点续传.上传性能稳定.突破asp.net上传限制.一开始看到51CTO上的这 ...
Spring MVC的文件上传
1.文件上传文件上传是项目开发中常用的功能.为了能上传文件,必须将表单的method设置为POST,并将enctype设置为multipart/form-data.只有在这种情况下,浏览器才会把用户 ...
整合MVC实现文件上传
1.整合MVC实现文件上传整合MVC实现文件上传在实际的开发中在实现文件上传的同时肯定还有其他信息需要保存到数据库,文件上传完毕之后需要将提交的基本信息插入数据库,那么我们来实现这个操作.整个MVC实 ...
【Spring学习笔记-MVC-13】Spring MVC之文件上传
作者:ssslinppp 1. 摘要 Spring MVC为文件上传提供了最直接的支持,这种支持是通过即插即用的MultipartResolve实现的.Spring使用Jakarta Co ...

随机推荐

CF#213DIV2：B The Fibonacci Segment
You have array a1, a2, ..., an. Segment [l, r] (1 ≤ l ≤ r ≤ n) is good if ai = ai - 1 + ai - 2, for ...
一天一个类--ArrayList之一
今天开始打算将JDK7种的一些类的源码分析一下,笔者认为了解源码就是了解其实现过程,这是非常重要的,而不是简单的记住方法的使用,关键是了解其思想和目的这才是重要的.所以笔者决定首先将从一些容器下手.[ ...
ubuntu下配置qt+opengl+opencv
原地址:http://www.cnblogs.com/aleny-liu/archive/2011/12/16/aleny-Qtnote1.html http://blog.csdn.net/jdh9 ...
O2O难解餐饮行业趋势下行之困
近几年,O2O这个名词越来越常见,我们不但能够在IT相关资讯栏目看到它的存在,甚至在一些综合新闻版面也能轻易看到. 诚然.线下商家结合线上引流这样的方法,能够带来不少订单,可是O2O是否就能够解决餐饮 ...
CodeFirst 表之间的关联
多重性关系可以是Optional(一个属性可拥有一个单个实例或没有) Required(一个属性必须拥有一个单个实例) Many很多的(一个属性可以拥有一个集合或一个单个实例). Has方法包括如下几 ...
[置顶] RFS的web自动化验收测试——常见问题指引
引言:什么是RFS——RobotFramework+Selenium2library,本系列主要介绍web自动化验收测试方面. ( @齐涛-道长新浪微博) 下面的内容还没整理好,先发个问题解决机制吧 ...
【SICP感应】3 级数据和符号数据
在本书的第二章学习时,有一个问题我一直很困扰,那是2.2.4举例节.因为没有华丽的输出模式书,它只能有一个对的英文字母.两三个月的这浅浅的学校前Common Lisp同样是真实的,当.了非常赞的线条, ...
Android SurfaceView实战打造抽奖转盘
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41722441 ,本文出自:[张鸿洋的博客] 1.概述今天给大家带来Surfac ...
var, object, dynamic的区别以及使用（转载）
var, object, dynamic的区别以及使用阅读目录: 一. 为什么是它们三个二. 能够任意赋值的原因三. dynamic的用法四. 使用dynamic的注意事项拿这三者比较的原因 ...
HDU--杭电--3790--最短路径问题
最短路径问题 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Sub ...

Spring4 MVC 多文件上传（图片并展示）

Spring4 MVC 多文件上传（图片并展示）的更多相关文章

随机推荐

热门专题