spring实现文件上传（图片解析）

合抱之木，生于毫末，千里之行，始于足下，要想了解spring的文件上传功能，首先要知道spring是通过流的方式将文件进行解析，然后上传。那么是不是所有需要用的文件上传的地方都要写一遍文件解析器呢？

放心，spring这个大管家已经为我们做好了一切！

我们只需要在spring的配置文件中加入下面代码：

 <!-- 文件上传解析器 -->

    <bean id="multipartResolver"

        class="org.springframework.web.multipart.commons.CommonsMultipartResolver"

        p:maxUploadSize="152400"

        p:defaultEncoding="utf-8">

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

    </bean>

    <!-- SpringMVC在超出上传文件限制时，会抛出org.springframework.web.multipart.MaxUploadSizeExceededException -->

    <!-- 该异常是SpringMVC在检查上传的文件信息时抛出来的，而且此时还没有进入到Controller方法中 -->

    <bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">

        <property name="exceptionMappings">

            <props>

                <!-- 遇到MaxUploadSizeExceededException异常时，自动跳转到/WEB-INF/jsp/error_fileupload.jsp页面 -->

                <prop key="org.springframework.web.multipart.MaxUploadSizeExceededException">error_fileupload</prop>

            </props>

        </property>

    </bean>

我们就不用再去在文件的解析上绞尽脑汁了，只需要专注于业务层面的逻辑就好了，是不是很简单？

接下来我们看一个小例子：

html前端代码：

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>Insert title here</title>

</head>

<body>

<form action="<%=request.getContextPath()%>/user/add" method="post" enctype="multipart/form-data">

    <h1>新增用户</h1>

    <table>

        <tr>

            <td>用户名：</td>

            <td>

                <input type="text" name="userName" value="${user.userName }" />

            </td>

        </tr>

        <tr>

            <td>密码：</td>

            <td>

                <input type="text" name="password" value="${user.userPass }" />

            </td>

        </tr>

        <tr>

            <td>头像：</td>

            <td>

                <input type="file" name="photo" />

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <input type="submit" value="上传" />

            </td>

        </tr>

    </table>

</form>

</body>

</html>

大家有没有注意到以上代码的form表头中有一行代码：

enctype="multipart/form-data"

没错，想要上传二进制文件，该表头属性必不可少。
controller控制层代码：

package com.wskj.springmvc.controller;

import java.io.File;

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

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.wskj.springmvc.pojo.UserInfo;

@Controller

@RequestMapping("/user")

public class UserController {

    @RequestMapping(value="/add", method=RequestMethod.GET)

    public String addUser(){

        return "user/add";

    }

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

    public String addUser(Model model, UserInfo user, @RequestParam(name="photo", required=false) MultipartFile photo, HttpServletRequest request) throws IOException{

        //对文件进行处理

        //判断用户是否上传了文件

        //MultipartFile.getSize() : 获取文件的大小（字节：byte）  1024byte = 1kb   1024kb=1mb   GB  TB  PB

        if(photo.isEmpty() == false && photo.getSize() > 0){

            //获取文件的名称

            String name = photo.getName();//photo

            String fileName = photo.getOriginalFilename();//mydata.jpg

            //获取文件扩展名

            String extension = fileName.substring(fileName.lastIndexOf("."));

            byte[] data = photo.getBytes();//字节数组

            String contentType = photo.getContentType();

            /**

             * 扩展名      Content-Type

             * .txt     text/plain

             * .jpg  image/jpeg

             * .mp3     audio/mp3

             * .mp4     video/mpeg4

             */

            photo.getInputStream();//获取文件输入流

            //保存到磁盘

            //保存的路径

            //不是 -》 F:\java\workspace\spring\springmvc_fileupload_20170401\WebContent\files

            //是 -》 x:\apache tomcat-7\webapps\appName\files

            String savedPath = request.getServletContext().getRealPath("files");//获取files目录的绝对路径

            String filePath = savedPath + "/" + fileName;

            //将文件写入磁盘

            photo.transferTo(new File(filePath));

            //设置UserInfo.headerPhoto

            user.setHeaderPhotoUrl("files/"+fileName);

            model.addAttribute("headerUrl", user.getHeaderPhotoUrl());

        }

        model.addAttribute("user", user);

        return "user/success";

    }

    @RequestMapping(value="/add2", method=RequestMethod.GET)

    public String addUser2(){

        return "user/add2";

    }

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

    public String addUser2(Model model, UserInfo user, @RequestParam(name="photos", required=false) MultipartFile[] photos, HttpServletRequest request) throws IOException{

        //对文件进行处理

        if(photos != null && photos.length>0){

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

            for(MultipartFile photo : photos){

                //判断用户是否上传了文件

                //MultipartFile.getSize() : 获取文件的大小（字节：byte）  1024byte = 1kb   1024kb=1mb   GB  TB  PB

                if(photo.isEmpty() == false && photo.getSize() > 0){

                    //获取文件的名称

                    String name = photo.getName();//photo

                    String fileName = photo.getOriginalFilename();//mydata.jpg

                    //获取文件扩展名

                    String extension = fileName.substring(fileName.lastIndexOf("."));

                    byte[] data = photo.getBytes();//字节数组

                    String contentType = photo.getContentType();

                    /**

                     * 扩展名      Content-Type

                     * .txt     text/plain

                     * .jpg  image/jpeg

                     * .mp3     audio/mp3

                     * .mp4     video/mpeg4

                     */

                    photo.getInputStream();//获取文件输入流

                    //保存到磁盘

                    //保存的路径

                    //不是 -》 F:\java\workspace\spring\springmvc_fileupload_20170401\WebContent\files

                    //是 -》 x:\apache tomcat-7\webapps\appName\files

                    String savedPath = request.getServletContext().getRealPath("files");//获取files目录的绝对路径

                    String filePath = savedPath + "/" + fileName;

                    //将文件写入磁盘

                    photo.transferTo(new File(filePath));

                    //设置UserInfo.headerPhoto

                    photoUrls.add("files/"+fileName);

                }

            }

            model.addAttribute("headerUrl", photoUrls);

        }

        model.addAttribute("user", user);

        return "user/success2";

    }

}

后台根据前段的name属性接收参数，二进制文件类型为

MultipartFile，如果需要接收多个文件，只需要设置成集合然后遍历即可。
接下来是上传成功前段回显的jsp代码:

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>Insert title here</title>

</head>

<body>

    <dl>

        <dt>用户名：</dt>

        <dd>${user.userName }</dd>

        <dt>头像：</dt>

        <dd>

            <img style="max-width:300px;max-height:200px;" src="<%=request.getContextPath() %>/${headerUrl}" />

        </dd>

    </dl>

</body>

</html>

至此，最基础的文件上传测试成功。

但是，在实际项目中，我们可能只是需要启用一个div来进行文件的异步上传，这时我们可以使用html5的新特性formdata实现ajax的提交。

具体代码如下：

jsp前端代码：

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>Insert title here</title>

<script type="text/javascript" src="<%= request.getContextPath()%>/static/jquery-1.10.2.js"></script>

<script type="text/javascript">

$(function(){

    $("#btnupload").click(function(){

        var formdata = new FormData(document.getElementById("form1"));//可以上传文件

        //var formdata = $("#form1").serializeArray();//无法上传文件的

        alert(formdata);

        var url ="<%= request.getContextPath()%>/upload/demo1";

        $.ajax({

            url:url,

            data:formdata, //name=zhangsan&age=50   {}

            contentType: false,//默认: "application/x-www-form-urlencoded"

            processData: false,//设置 processData 选项为 false，防止自动转换数据格式

            type:"post",

            dataType:"json",

            success:function(data){

                alert(data);

            },

            error:function(er){

                alert(er.responseText);

            }

        });

    });

});

</script>

</head>

<body>

    <h1>使用Html5提供的FormData实现ajax提交</h1>

    <h3>浏览器必须支持html5，如果是IE6 - IE8，那就洗洗睡吧...</h3>

    <form id="form1">

        文件名：<input type="text" name="fileName" />

        文件：<input type="file" name="myfile" />

        <input id="btnupload" type="button" value="ajax上传文件" />

    </form>

</body>

</html>

我们可以看见，只需要给要提交的form表单指定一个唯一标识id即可，是不是很方便？

后台controller接收代码：

package com.wskj.uploadfile.controller;

import java.io.File;

import java.io.IOException;

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

import org.springframework.web.multipart.MultipartFile;

@Controller

@RequestMapping("/upload")

public class AjaxController {

    @RequestMapping(value="/demo1", method=RequestMethod.GET)

    public String demo1(){

        return "upload/demo1";

    }

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

    @ResponseBody

    public boolean demo1(String fileName, MultipartFile myfile, HttpServletRequest request) throws IllegalStateException, IOException{

        String path = request.getServletContext().getRealPath("files");

        path += "/" + myfile.getOriginalFilename();

        File file = new File(path);

        myfile.transferTo(file);

        System.out.println(fileName+" - 上传成功");

        return true;

    }

}

另外还可以使用jquery.form.js实现ajax的上传：

前段jsp代码：

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>Insert title here</title>

<script type="text/javascript" src="<%= request.getContextPath()%>/static/jquery-1.10.2.js"></script>

<script type="text/javascript" src="<%= request.getContextPath()%>/static/jquery.form.js"></script>

<script type="text/javascript">

$(function(){

    $("#btnupload").click(function(){

        var url ="<%= request.getContextPath()%>/upload/demo2";

        $("#form1").ajaxSubmit({

            type:'post',

            url:url,

            clearForm:true,//清空所有表单元素的值

            resetForm:true,//重置所有表单元素的值

            success:function(data){

                alert(data);

            },

            error:function(XmlHttpRequest,textStatus,errorThrown){

                alert("上传失败了");

            }

        });  

    });

});

</script>

</head>

<body>

    <h1>使用jquery.form.js实现ajax文件上传</h1>

    <h3>对浏览器没有限制，尽情使用吧骚年们...</h3>

    <form id="form1">

        文件名：<input type="text" name="fileName" value="我的头像" />

        文件：<input type="file" name="myfile" />

        <input id="btnupload" type="button" value="ajax上传文件" />

    </form>

</body>

</html>

后台controller接收代码：

package com.wskj.uploadfile.controller;

import java.io.File;

import java.io.IOException;

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

import org.springframework.web.multipart.MultipartFile;

@Controller

@RequestMapping("/upload")

public class AjaxController {

    @RequestMapping(value="/demo2", method=RequestMethod.GET)

    public String demo2(){

        return "upload/demo2";

    }

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

    @ResponseBody

    public boolean demo2(String fileName, MultipartFile myfile, HttpServletRequest request) throws IllegalStateException, IOException{

        String path = request.getServletContext().getRealPath("files");

        path += "/" + myfile.getOriginalFilename();

        File file = new File(path);

        myfile.transferTo(file);

        System.out.println(fileName+" - 上传成功");

        return true;

    }

}

当然，使用这两种方法也必须在spring中配置文件上传解析器，这个是上传二进制文件的前提。

spring实现文件上传（图片解析）的更多相关文章

Spring实现文件上传
(别人的见解) 在使用springMVC进行系统实现时,springMVC默认的解析器里面是没有加入对文件上传的解析的,这可以方便我们实现自己的文件上传.但如果你想使用springMVC对文件上传的解 ...
Strut2 和Spring MVC 文件上传对比
在Java领域中,有两个常用的文件上传项目:一个是Apache组织Jakarta的Common-FileUpload组件 (http://commons.apache.org/proper/commo ...
Spring Boot 文件上传原理
首先我们要知道什么是Spring Boot,这里简单说一下,Spring Boot可以看作是一个框架中的框架--->集成了各种框架,像security.jpa.data.cloud等等,它无须关 ...
php文件上传代码解析
php文件上传代码解析 is_uploaded_file() //函数判断指定的文件是否是通过 HTTP POST 上传的,返回一个布尔值. $_FILES['upfile']['tmp_name' ...
Web攻防系列教程之文件上传攻防解析（转载）
Web攻防系列教程之文件上传攻防解析: 文件上传是WEB应用很常见的一种功能,本身是一项正常的业务需求,不存在什么问题.但如果在上传时没有对文件进行正确处理,则很可能会发生安全问题.本文将对文件上传的 ...
2020最新Servlet+form表单实现文件上传(图片)
servlet实现文件上传接受这几天学了一点文件上传,有很多不会,在网查了许多博客,但是最新的没有,都比较久了因为我是小白,版本更新了,以前的方法自己费了好久才弄懂,写个随笔方便以后查找代码奉上 ...
Spring mvc文件上传实现
Spring mvc文件上传实现 jsp页面客户端表单编写三个要素: 1.表单项type="file" 2.表单的提交方式:post 3.表单的enctype属性是多部分表单形式 ...
Spring MVC 笔记 —— Spring MVC 文件上传
文件上传配置MultipartResolver <bean id="multipartResolver" class="org.springframework.w ...
Spring MVC文件上传教程 commons-io/commons-uploadfile
Spring MVC文件上传教程 commons-io/commons-uploadfile 用到的依赖jar包: commons-fileupload 1.3.1 commons-io 2.4 基于 ...

随机推荐

WPF MVVM 架构 Step By Step(4)（添加bindings - 完全去掉后台代码）
之前的改进已经挺棒的,但是我们现在知道了后台代码的问题,那是否可能把后台代码全部去除呢?这时候就该WPF binding 和 commands 来做的事情了. WPF就是以超吊的binding,com ...
如何解决wamp中数据库读取数据是???的情况？
数据库中数据正常,但是从数据库读取出的数据在网页中显示时是???,该怎么办呢? 左键点击托盘区的WampServer图标,选择Mysql--my.ini,就会打开配置文件 1.在[client]段落增 ...
ThinkPHP 整合 PHPExcel ，数据导出功能实现，解决Invalid cell coordinate
PHPExcel想必大家都不陌生,是用来操作Office Excel 文档的一个PHP类库,它基于微软的OpenXML标准和PHP语言.可以使用它来读取.写入不同格式的电子表格本次只做数据导出功能的 ...
python 遍历列表 list
names=['a','b',['aha',[['lucy','lily']]] 遍历这个列表 def print_list(this_list); for name in this_list: if ...
java 线程的死锁问题
以下的情况可能出现死锁 1.一个对象的同步方法去调用另一个对象的同步方法,同时另一个对象的同步方法也在调用这个对象的同步方法,导致一定几率的死锁,不一定每次都会出现死锁,模拟的代码如下 package ...
SOD开源框架MSF（消息服务框架）进阶篇
复习:在上一篇我介绍了MSF的基本订阅,模式就是,客户端A,订阅服务器.客户端B,订阅服务器.通过服务器广播消息, 所有订阅过的客户端都能接到消息. 进阶:在上一篇的基础上,增加客户端A,发送信息到服 ...
Mysql 根据时间戳按年月日分组统计
Mysql 根据时间戳按年月日分组统计create_time时间格式SELECT DATE_FORMAT(create_time,'%Y%u') weeks,COUNT(id) COUNT FROM ...
eclipse从SVN检出项目之后，项目出错
今天公司把我分配到另一个项目组工作,然后下午使用SVN检出项目,出了问题 1.从SVN检出项目之后,要导入jar包.结果右键项目找不到Build Path,问了大牛才知道是这里的问题,一共四个步骤解决 ...
JavaScript学习笔记（三）——留言板知操纵DOM节点
用JavaScript写了一个简易的留言板,暂不涉及数据库接入等. 1.功能以及流程主要功能即为留言,用两个文本框接受用户输入的用户名以及留言内容,然后通过"提交留言"按钮将用户 ...
基于GCC的openMP学习与测试（2）
一.openMP简单测试 1.简单测试(1) #include<omp.h> #include<time.h> #include<iostream> using n ...

spring实现文件上传（图片解析）

spring实现文件上传（图片解析）的更多相关文章

随机推荐

热门专题