SpringMVC + MultipartFile实现文件上传

jar包别漏掉:

commons-fileupload

maven依赖:

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

Spring配置(这里采用的是注解配置):

@Bean
public MultipartResolver multipartResolver() throws IOException {
    CommonsMultipartResolver commonsMultipartResolver=new CommonsMultipartResolver();
    commonsMultipartResolver.setUploadTempDir(new FileSystemResource("fileUpload/temp"));//上传中临时文件存放目录
    commonsMultipartResolver.setMaxUploadSize(2097152);//上传文件的总大小限制,这里设置为2G
    commonsMultipartResolver.setDefaultEncoding("UTF-8");//编码
    //commonsMultipartResolver.setResolveLazily();//延迟解析,解析文件的时候再抛异常
    //commonsMultipartResolver.setServletContext();
    commonsMultipartResolver.setMaxInMemorySize(1024);//缓存大小限制
    //commonsMultipartResolver.setMaxUploadSizePerFile();//单个文件大小限制
    //commonsMultipartResolver.setPreserveFilename();
    return commonsMultipartResolver;
}

HTML代码:

<div>
    <form  id="uploadTest" name="uploadTest"
           enctype="multipart/form-data" >
        <input type="file" name="file">
        <button class="btn" type="button" id="uploadButton">上传</button>
    </form>
</div>

js代码:

$(function() {
    $("#uploadButton")
        .click(
            function() {
                $("#uploadTest")
                    .ajaxSubmit(
                        {
                            type : 'post',
                            url : "/test/uplodeTest",
                            contentType : "application/x-www-form-urlencoded; charset=utf-8",
                            success: function(data) {
                               console.log(data)
                            },
                            error: function (data)
                            {
                                console.log(data)
                            }
                        });
            });
});

后台使用Spring MVC:

/**
 * 文件上传测试
 *
 * @param file
 * @param request
 * @param response
 * @return
 * @throws Exception
 */
@RequestMapping("/uplodeTest")
public String uplodeTest(MultipartFile file, HttpServletRequest request, HttpServletResponse response) throws Exception {

    //这里的参数file名称要和<input type="file" name="file">中的name一致


    //配置主没有注入MultipartResolver这个Bean时,file会为null
    if (file == null) {
        return this.json(Constants.CODE_FAIL);
    }

    //文件不为空,写入上传路径
    if (!file.isEmpty()) {

        //上传的文件存入/fileUpload/目录下
        String realPath = request.getSession().getServletContext().getRealPath("/fileUpload/");
        //上传文件名
        String filename = file.getOriginalFilename();
        File filepath = new File(realPath, filename);
        //判断路径是否存在,如果不存在就创建一个
        if (!filepath.getParentFile().exists()) {
            filepath.getParentFile().mkdirs();
        }
        //将上传文件保存到一个目标文件当中
        file.transferTo(new File(realPath + File.separator + filename));
        return this.jsonOK();
    } else {
        return this.json(Constants.CODE_FAIL);
    }

}

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值