用FormData处理form表单中同时有文件和普通文本的提交的处理方式

   今天在处理文件上传的时候，后台出现request转换错误，这一句报错

// 转换成多部分request
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;

 

java.lang.ClassCastException: org.apache.shiro.web.servlet.ShiroHttpServletRequest cannot be cast to..

结果是由于没有在servlet.xml写文件上传的配置。

 <bean id="multipartResolver"   class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

         <property name="maxUploadSize">
             <value>1048576000value>
         property>
             <property name="maxInMemorySize">
             <value>1024value>
         property>
     bean>

 用form来提交表单时，如果form里面同时有普通文本和文件，如果form添加enctype="multipart/form-data"属性，那么普通文本不能被序列化，因为文件上传和普通文本的编码方式不一致。可以不用写enctype="multipart/form-data"属性上传文件，即用formData来存放普通文本和文件数据传入后台。

js代码：

var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
formData.append('name', $('#name').val());

$.ajax({
    url: url,
    type: 'POST',
    cache: false,
    data: formData,
    processData: false,
    contentType: false,
    success: function () {
        alert("文件上传成功！")
    },
    error: function () {
        
    }
});

jsp代码：

id="formID" method="post" data-url="${contextPath}/pc/activity/createActivity/add">
class="article">
    
class="wd-panel">
        
活动信息
    
    
class="panel-box panel-box-normal">
        

            
class="wd-form-group wd-form-group--inline">
                for="name">活动名称:
                type="text" placeholder="活动名称" class="article-long-input" name="name" id="name">
            
        
        

            
class="wd-form-group wd-form-group--inline">
                for="address">活动地点:
                type="text" placeholder="活动地点" class="article-long-input" name="address" id="address">
            
        
        

            
class="wd-form-group wd-form-group--inline">
                活动时间:
                type="text" placeholder="开始时间" name="startTime" id="startTime" onClick="jeDate({dateCell:'#startTime',isTime:true,zIndex:9999999999,format:'YYYY-MM-DD hh:mm'})" readonly>
                type="text" placeholder="结束时间" name="endTime" id="endTime" onClick="jeDate({dateCell:'#endTime',isTime:true,zIndex:9999999999,format:'YYYY-MM-DD hh:mm'})" readonly>
            
        
        

            
class="wd-form-group wd-form-group--inline" class="article-long-input">
                for="file">活动海报:
                id="ImgPr" width="120" height="120" class="wd-img wd-img--rounded" style="margin-left: 8px;"/>
                class="wd-button wd-button--blue">
                    type="file" name="type" id="file" multiple="multiple"/>上传
                
            
        
        

            
class="wd-form-group wd-form-group--inline">
                for="description">活动介绍:
                <span style="color:#bababa;">class=</span><span style="color:#a5c261;">"article-long-input" </span><span style="color:#bababa;">name=</span><span style="color:#a5c261;">"description" </span><span style="color:#bababa;">id=</span><span style="color:#a5c261;">"description" </span><span style="color:#bababa;">rows=</span><span style="color:#a5c261;">"5"</span><span style="color:#e8bf6a;">>
            
        
    

class="article">
    
class="wd-panel">
        
设置报名表单
    
    
class="panel-box panel-box-normal">
        class="wd-button wd-button--blue" data-click="setForm()" title='测试' url="fragment/activity/setForm.html">设置报名表单
    

class="article">
    class="wd-button wd-button--blue" type="submit" value="发布">
    class="wd-button wd-button--default">保存草稿
    class="wd-button wd-button--default">取消