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 --CountDownLatch简介
CountDownLatch 1.类介绍一个同步辅助类,在完成一组正在其他线程中执行的操作之前,它允许一个或多个线程一直等待.用给定的计数初始化 CountDownLatch.由于调用了 coun ...
MvvmLight Messenger（信使）
MvvmLight信使需要三个部分: 1.自定义信件类,普通的Model,供在发布者和订阅者之间传递信息用. 2.发布,通常是在某一事件函数中进行发布,Messenger.Default.Send 3 ...
Android自定义照相机实现（拍照、保存到SD卡，利用Bundle在Acitivity交换数据）
Android自定义照相机实现近期小巫在学校有一个创新项目,也不是最近,是一个拖了很久的项目,之前一直没有去搞,最近因为要中期检查,搞得我跟小组成员一阵忙活,其实开发一款照相机软件并不太难,下面就是 ...
Ubuntu一些配置和技巧
安装google-chrome wget https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb sudo d ...
存几个html画图的网站
http://jvectormap.com/ http://julying.com/lab/raphael-js/docs/#Paper.path http://www.highcharts.com/ ...
Bar Codes
http://acm.hust.edu.cn/vjudge/contest/view.action?cid=31329#problem/N #include<map> #include&l ...
JQuery EasyUI框架学习
前言新项目的开发前端技术打算採用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给了我.在进行开发之前,须要我这菜鸟对EasyUI框架进行一些基础的 ...
nginx使用自认证的https证书
生成证书可以通过以下步骤生成一个简单的证书: 创建服务器私钥: $ openssl genrsa -out server.key 2048 需要输入一系列的信息创建签名请求的证书(CSR): $ ...
中国还是和AMD走到一起了但美国会高兴吗（网易科技卢鑫）
文/ 网易科技卢鑫去年的这个时候,小编写下了一篇<易评:还给AMD一个公正!>——此文由AMD惨不忍睹的第一季度财报展开,谈到了该公司将全部资源押宝2016的现实.如今,2016第一季 ...
h和.cpp文件的区别
关于头文件和源文件的分别首先,我们可以将所有东西都放在一个.cpp文件内. 然后编译器就将这个.cpp编译成.obj,obj是什么东西? 就是编译单元了.一个程序,可以由一个编译单元组成, 也可以有 ...

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

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

随机推荐

热门专题