springmvc中Form表单文件上传使用ajax提交

上传文件这块坑真是不少,耽误了有几个小时的时间,现在简单总结一下;

首先springmvc的核心xml中配置下MultipartResolver:

<!-- 配置 MultipartResolver -->
    <bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="defaultEncoding" value="UTF-8"></property>
        <property name="maxUploadSize" value="1024000"></property>    
    </bean>    

前端页面form表单如下

<form id="formId">

<input type="hidden" id="userId" name="userId">
<input type="text" id="userNameId" name="userName">

<input type="file" id="userNameId" name="userLogo" multiple="multiple">

</form>

<div οnclick="saveUser();">保存</div>

js:

function saveUser(){

var formdata = new FormData($("#formId")[0]);

$.ajax({
                type: 'POST',
                url: "/user/saveUser",
                data: formdata ,
                dataType: 'JSON',
                contentType: false,
                processData:false,
                success: function(data) {
                          //操作成功后的操作
                },
                error: function(data) {
                    
                }
            });

}

后端controller中保存方法:

    @RequestMapping(value = "saveUser",method=RequestMethod.POST)
    @ResponseBody
    public String saveTbPolicyDoc(HttpServletRequest request,User user 
            ,@RequestParam(name="userLogo",required=true) MultipartFile userLogo) {
        try {

             //使用commons工具或者自己编写文件上传方法上传文件

        }catch (Exception e) {
            e.printStackTrace();
        }

          return null;  

}

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值