spring MVC 文件上传 -

zifeng412708

浏览: 28830 次
性别:
来自: 中山

最近访客更多访客>>

一个java程序员

Sharpleo

star84064686

shaomingzhao

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

spring MVC 文件上传

博客分类：

spring

第一步，在maven项目配置依赖包 pom.xml文件中加入:

<dependency>
     <groupId>commons-fileupload</groupId>
     <artifactId>commons-fileupload</artifactId>
     <version>1.3.1</version>
 </dependency>

第二步: 在spring-application.xml配置文件增加bean配置

<!-- 上传组件-->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <!--设置上传编码格式 -->
<property name="defaultEncoding" value="utf-8"/>
    <!--设置最大上传大小 -->
<property name="maxUploadSize" value="5242880"/>
</bean>

第三步：前端页面代码这里通过ajax提交上传文件，通过var formData = new FormData($( "#uploadForm" )[0]); FormData 获取上传文件的对象。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+ request.getServerPort()+path+"/";
    request.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title> </title>
    <base href="${basePath}">

    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">

</head>

<body class="body-background">

<div class="iframe-wrapper-background">


    <div>
        <br>
        <form action="#"  id="uploadForm" enctype="multipart/form-data"  target="right-content-iframe">
            <div class="container-fluid">

                <div class="row ">
                    <div class="col-xs-12 iframe-content-style">
                        <div class="form-group">
                            <input type="hidden" id="machineId" name="machineId" value="${machineId}"/>

                            <label class="text-font-color-white text-font-size-16px" for="file">文件上传</label>
                            <input type="file" name="file" id="file">
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-xs-7"></div>
                    <div class="col-xs-2 center-block">
                        <input type="submit" id="form-submit" class="btn btn-primary" value="提交">
                    </div>
                    <div class="col-xs-2 center-block">
                        <input type="button" id="form-cancel" class="btn btn-default" value="取消">
                    </div>
                </div>
                <br>
            </div>

        </form>

    </div>


</div>



<script src="lib/jQuery/jquery-3.1.1.js"></script>
<script src="lib/layer/layer.js"></script>

<script type="application/javascript">

    $(document).ready(function () {


        $('#form-submit').on("click", function (check) {
           var filename  = $("#file").val();
            console.log(filename);
            if(filename){
                if(filename.indexOf(".xlsx")>0 || filename.indexOf(".xls")>0){
                    doUpload();
                    check.preventDefault();

                }else{
                    layer.tips("请上传excel文件！", "#form-submit",{tips: 1});
                    check.preventDefault();
                }

            } else {
                layer.tips("请选择要上传的文件！", "#form-submit",{tips: 1});
                check.preventDefault();
            }
        });
        $('#form-cancel').on("click", function () {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
});
    });

    function doUpload() {
        var formData = new FormData($( "#uploadForm" )[0]);
        console.log(formData)
        $.ajax({
            url: './bsWkMaintenance/fileUpload' ,
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
                alert(returndata);
                parent.getPageData();
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
},
            error: function (returndata) {
                alert(returndata);
            }
        });
    }
</script>

</body>
</html>

第四步，后台java 代码。通过MultipartFile 接受到上传文件的对象，可以进行 file.transferTo(new File(path)) 保存到服务器上，我这里并不保存文件，对上传的文件进行解析处理。

/*
 *采用spring提供的上传文件的方法
 */
@ResponseBody
@RequestMapping("/fileUpload")
public ReturnData fileUpload(@RequestParam(value = "file") MultipartFile file,@RequestParam(value = "machineId" ) Integer machineId) throws IllegalStateException, IOException {
    ReturnData returnData = new ReturnData(Boolean.TRUE);
   
    //将当前上下文初始化给  CommonsMutipartResolver （多部分解析器）
System.out.println(machineId);
    try {
        if (file != null) {
            //String path = "E:/springUpload" + file.getOriginalFilename();
            //上传
            // file.transferTo(new File(path));
List<List<Object>> list = null ;
            if(file.getOriginalFilename().endsWith(".xlsx")){
                list = ExcelUtils.readExcel((FileInputStream) file.getInputStream());
            }else {
                list = ExcelUtils.readExcel03((FileInputStream) file.getInputStream());
            }

            for(int i=0;i<list.size();i++){
                List<Object> subList = list.get(i);
                System.out.println("row :"+i+" ");
                for(int j=0;j<subList.size();j++){
                    Object obj = subList.get(j);
                    System.out.print("col :"+j+" "+obj);
                }
            }
            System.out.println(file.getSize());
        }
    }catch (Exception e){
        e.printStackTrace();
    }

    
   
    return returnData;
}

分享到：

接收请求参数 | sping mvc 配置log4j

2018-08-14 10:00
浏览 394
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

spring MVC 文件上传

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

spring MVC 文件上传

评论

发表评论

相关推荐

接收请求参数

sping mvc 配置log4j

spring Scheduled 实现定时任务执行

最近访客更多访客>>