jquery.form.js ajax提交上传文件

转：https://www.cnblogs.com/DylanZ/p/6019611.html

 项目中最近有用到表单提交，是带有图片上传的表单录入，需要ajax异步提交，网上找了好多例子都是只能提交上传字段一个信息的，这里整理一下。表单里有普通文本信息字段也有图片上传字段。

     1、jsp代码--引入jquery和jquery.form.js
       
       

       

 

method="post" action="" enctype="multipart/form-data" class="bl-form bl-formhor fl">
          
  　　　　
         
         
       
       
         
         
                
     

*企业名称：
身份证图片：	上传图片

        
          
        

 

       2、javascript代码

         function ajaxSubmitForm() {
   　　　　var option = {
         　　 url : '${pageContext.request.contextPath}/userController/upgradeUser_form',
        　　  type : 'POST',
         　　 dataType : 'json',
         　　 headers : {"ClientCallMode" : "ajax"}, //添加请求头部
        　　  success : function(data) {
           　　   if("success"==data.resultMessage){
           　　    alert("个人用户已成功升级为企业用户！");
              }
              else{
               alert("企业用户升级失败,请联系管理员！");
               return;
              }
          },
          error: function(data) {
              alert("企业用户升级失败,请联系管理员！");
          }
       };
      $("#userForm").ajaxSubmit(option);
      return false; //最好返回false，因为如果按钮类型是submit,则表单自己又会提交一次;返回false阻止表单再次提交
  }