springMVC利用jquery-form.js异步提交表单（上传文件）

最新推荐文章于 2018-09-18 14:33:05 发布

原创最新推荐文章于 2018-09-18 14:33:05 发布 · 477 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#spring mvc

学习笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用springMVC结合jQuery-form.js实现文件的异步上传功能。通过示例代码展示了前端HTML表单及jQuery配置，以及后端控制器处理文件上传的完整流程。

笔记：springMVC利用jquery-form.js异步提交表单（上传文件）

html

<form id="file-input3" >
<input type="file" name="file3"/>
</form>

js代码

$("#file-input3").ajaxSubmit({
                type:"post",
                url: basePath+"/userManger/addUserByFile",
                dataType:"text",
                success:function(msg){
                    alert(msg);
                }
             })

后台代码

@RequestMapping("/addUserByFile")
        public @ResponseBody String addUserByFile(@RequestParam("file3") MultipartFile file, HttpServletRequest request) throws IOException {   
            if(!file.isEmpty()){
                process..
            }

            return "success";
        }