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 ...

随机推荐

Java--格式化输出
Java的格式化输出等同于String.Format,与C有很大的相似,比如 System.out.printf("%8.2f", x); 在printf中,可以使用多个参数,例如 ...
Android 设备管理器阻止用户取消激活
该方案测试可行,系统版本4.4.2.它算是借助android系统的一个bug,不确定在后续更高的版本中是否修复. 该功能和360防卸载功能一样的实现原理. 主要的参考资料是:http://bbs.pe ...
高性能MySql学习笔记——锁、事务、隔离级别（转）
为什么需要锁? 因为数据库要解决并发控制问题.在同一时刻,可能会有多个客户端对Table1.rown进行操作,比如有的在读取该行数据,其他的尝试去删除它.为了保证数据的一致性,数据库就要对这种并发操作 ...
【iOS开发-72】设置状态栏的两种方式、程序生命周期以及更好地理解几大类（对象）之间的关系
(1)设置状态栏的2种方式 --第一种方式就是我们在控制器中设置,系统默认就是交给视图控制器去管理的,这样不同视图控制器能够自己定义不同的状态栏例如以下: -(BOOL)prefersStatusBa ...
iphone分辨率终极指南(含有iphone6/6+)
如文本不清楚.请 "对->图片另存为" 下载大图后, ------------------------- 原文及翻译文本 Points点 At the beginning, ...
Flexigrid折行显示问题
上会写的Flexigrid折行显示时,获取值有问题,报错. getRows: function(){ //add by jej var rtnList = new Array(); var objRo ...
图解单片机8位PWM、16位PWM中“位”的含义！
今天发现很多同学搞不懂单片机的pwm中的位表示什么意思,如很多同学会问“8位pwm.16位pwm是什么意思啊,它们有什么区别啊,其中的‘位’表示什么意思啊”.对于这些问题,今天就给大家解释下,由于 ...
poj 百练 2765 八进制小数（精度问题）
2765:八进制小数查看提交统计提示提问总时间限制: 1000ms 内存限制: 65536kB 描写叙述八进制小数能够用十进制小数精确的表示.比方,八进制里面的0.75等于十进制里 ...
Java内部类——成员内部类
成员内部类的意思就是,一个外层类里面包含着一个非static的class,举例如下: class OuterClass { //变量,函数定义... class InnerClass { //变量,函 ...
xhr的send方法以及node如何处理get和post数据
起因:看了阮一峰老师的关于上传文件的文章,进行测试,在使用xhr对象的send方法时遇到问题. 遇到的问题是使用send方法传送过去的数据,在node后台无法接收,经过很多次测试,怀疑是不是send与 ...

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

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

随机推荐

热门专题