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

随机推荐

jQuery手写几个常见的滑动下拉菜单分分秒秒学习JS
一般的企业网站再我们再实际工作中,有些特效,用jQuery来做,显得极其简单,除非一些大的公司,需要封装自己的类. 今天,我们讲解jQuery入门知识,来写几个简单jQuery滑动下拉菜单.感受一下j ...
教你在mac上配置adb环境变量
1.打开终端,一次输入如下命令 cd ~ touch .bash_profile open -e .bash_profile 2.这时候会在TextEdit中打开一个空白文档,输入下面的语句 a. 输 ...
浅谈MySql的存储引擎（表类型）（转）
什么是MySql数据库通常意义上,数据库也就是数据的集合,具体到计算机上数据库可以是存储器上一些文件的集合或者一些内存数据的集合. 我们通常说的MySql数据库,sql server数据库等等其实是 ...
perl 面向对象 use base
1.XXX.pm 文件里面的第一行要是:package XXX: 2.要有构造函数 sub new,实现如下: sub new { my $class = shift; # Get the reque ...
在开发 ExtJS 应用程序常犯的 10 个错误
这是 CNX 公司在开发 ExtJS 项目中总结的需要特别注意的 10 个地方.有时候,我们完全是自己使用 ExtJS 从零开始构建的新的应用程序,但有时候我们的客户会要求我们使用他们自己的代码,并且 ...
HDU4544 湫湫系列故事――消灭兔子
HDU 4544 Tags: 数据结构,贪心 Analysis: 将兔子的血量从大到小排序,将箭的杀伤力从大到小排序,对于每一个兔子血量, 将比他大的杀伤力大的剑压入优先队列,优先队列自己重写,让它每 ...
设计模式 - 命令模式(command pattern) 宏命令(macro command) 具体解释
命令模式(command pattern) 宏命令(macro command) 具体解释本文地址: http://blog.csdn.net/caroline_wendy 參考: 命名模式(撤销) ...
Swift Error fatal error: unexpectedly found nil while unwrapping an Optional value
致命的错误: 对一个为空的optional值进行解包. 强制解包(forced unwrapping): 在optional后面加叹号. 比如 "value!" 错误代码: le ...
Android中连接蓝牙设备时遇到createRfcommSocketToServiceRecord的UUID问题和BluetoothSocket的connect失败
[问题] 折腾: [记录]编写Android中的蓝牙模块驱动和底层HART设备期间,参考: Bluetooth | Android Developers – ManagingAConnection ...
longest incresing sequence
动态规划基本题目,longest incresing sequence,找出序列中的最长递增子序列: 例如给出序列{8,3,5,2,4,9,7,11}, 其中最长递增子序列为{3,5,9,11}或{3 ...

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

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

随机推荐

热门专题