实现上传图片功能在Springmvc中很好实现。现在我将会展现完整例子。

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

<dependency>

    <groupId>commons-fileupload</groupId>

    <artifactId>commons-fileupload</artifactId>

    <version>1.3.1</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="10240"/>

        <!-- 最大文件大小，-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>密 码：</label><input type="password" name="password"/><br/>

        <label>头 像</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("/")+1);

                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";

        }

}

二、 多图片上传

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

<body>

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

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

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

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

        <label>头 像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("/")+1);

                    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";

        }

}

springmvc上传图片并显示--支持多图片上传的更多相关文章

  1. springmvc上传图片并显示图片--支持多图片上传

    实现上传图片功能在Springmvc中很好实现.现在我将会展现完整例子. 开始需要在pom.xml加入几个jar,分别是: <dependency> <groupId>comm ...

  2. springMVC框架下——通用接口之图片上传接口

    我所想要的图片上传接口是指服务器端在完成图片上传后,返回一个可访问的图片地址. spring mvc框架下图片上传非常简单,如下 @RequestMapping(value="/upload ...

  3. Ionic3学习笔记（十二）拍照上传图片以及从相册选择图片上传

    本文为原创文章,转载请标明出处 目录 安装插件 导入 app.module.ts 创建 provider 更多 效果图 1. 安装插件 终端运行: ionic cordova plugin add c ...

  4. Ueditor1.4.3.3+springMvc+maven 实现图片上传

    前记:由于项目中需要有一个新增数据并且要能支持表格图片上传的功能.使用了ueditor控件.为实现这个功能,从一开始什么都看不懂,到一直连着弄了5天,总算是有了眉目.在此记录一下以便能帮到可以和我一样 ...

  5. ASP.Net MVC3 图片上传详解（form.js,bootstrap）

    图片上传的插件很多,但很多时候还是不能切合我们的需求,我这里给大家分享个我用一个form,file实现上传四张图片的小demo.完全是用jquery前后交互,没有用插件. 最终效果图如下: 玩过花田人 ...

  6. asp.net多图片上传实现程序代码

    下面是一个完整的asp.net同时支持多图片上传一个实现,有需要的朋友可参考一下,本文章限制同时可上传8张图片,当然大可自己可修改更多或更少. 前台代码如下: 复制代码代码如下: <% @ Pa ...

  7. [上传下载] C# ImageUpload图片上传类教程与源码下载 （转载）

    点击下载 ImageUpload.zip 功能如下图片1.设置属性后上传图片,用法如下 /// <summary> /// 图片上传类 /// </summary> //--- ...

  8. thinkphp微信开发之jssdk图片上传并下载到本地服务器

    public function test2(){ $Weixin = new \Weixin\Controller\BaseController(); $this->assign('signPa ...

  9. [csdn markdown]使用摘记一源代码高亮及图片上传和链接

    本文主要内容是体验csdn markdown的代码块高亮显示和图片链接及上传. 图片上传 上边这是标题行,只需要使用一个#就可以表示,几个表示是几级标题 图片上传 本地图片上传控件 本地图片上传方式 ...

随机推荐

  1. Python ssh连接Linux服务器报Incompatible ssh peer (no acceptable kex algorithm) 解决方法

    python通过ssh连接linux服务器,部分服务器出现如下异常 03:50:48.725 FAIL ftp operation failed, Incompatible ssh peer (no ...

  2. IPV4基本知识介绍

    转自华为官网 1.1  介绍 定义 IPv4(Internet Protocol Version 4)协议族是TCP/IP协议族中最为核心的协议族.它工作在TCP/IP协议栈的网络层,该层与OSI参考 ...

  3. CentOS-6.5安装配置JDK-7

    安装说明 系统环境:centos-6.5安装方式:rpm安装 软件:jdk-7-linux-x64.rpm下载地址:http://www.oracle.com/technetwork/java/jav ...

  4. C语言中头文件怎么写？（本文来源网络，由黑乌鸦进一步完善）

      c语言头文件怎么写?我一直有这样的疑问,但是也一直没去问问到底咋回事:所以今天一定要把它弄明白! 其实学会写头文件之后可以为我们省去不少事情,可以避免书写大量的重复代码.有利于整理思路.使代码脉络 ...

  5. POJ-3190 Stall Reservations---优先队列+贪心

    题目链接: https://vjudge.net/problem/POJ-3190 题目大意: 有N头奶牛,每头奶牛都会在[1,1000000]的时间区间内的子区间进行挤奶.挤奶的时候奶牛一定要单独放 ...

  6. POJ-2718 Smallest Difference---DFS

    题目链接: https://vjudge.net/problem/POJ-2718 题目大意: 有一列数,对其任意分成两组,每组按一定顺序可以组成一个数.问得到的两个数的差最小是多少. 思路: 直接d ...

  7. Java连接mysql中遇到的一些问题及解决方法

    1.Java使用mysql-jdbc连接MySQL出现如下警告: Establishing SSL connection without server's identityverification i ...

  8. 奇异值分解(SVD)和最小二乘解在解齐次线性超定方程中的应用

    奇异值分解,是在A不为方阵时的对特征值分解的一种拓展.奇异值和特征值的重要意义相似,都是为了提取出矩阵的主要特征. 对于齐次线性方程 A*X =0;当A的秩大于列数时,就需要求解最小二乘解,在||X| ...

  9. 第39章 ETH—Lwip以太网通信—零死角玩转STM32-F429系列

    第39章     ETH—Lwip以太网通信 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/ ...

  10. 刚学不久的python，自己稍微加工了一点，影响不大，因为博主很懒，所以格式什么的，就没有太在意了！

    本人初学python,之前因为有接触过其他语言,但是并没有接触的太深,出于对一个hacker的向往,学习一下Linux和python再说,当然,也是为了高工资啦,啊哈哈哈! 一开始就是一个蛮有意思的小 ...