基于jQuery Ajax实现无刷新文件上传

<form id="uploadForm" enctype="multipart/form-data">　　<!-- 声明文件上传 -->
  <input id="file_upload" type="file" name="pic" onchange="fileChange(‘${base }‘)"/>　　<!-- 定义change事件,选择文件后触发 -->
  <input type="hidden" name="modelName" value="famoxuke" />     <!-- 项目需求字段,非必须 -->
  <br/><span style="color: red" id="fileTypeError"></span>　　　　<!-- 文件类型错误回显,此处通过前后端两次验证文件类型 -->
</form>

function fileChange(base){
    $("#fileTypeError").html(‘‘);
    var fileName = $(‘#file_upload‘).val();　　　　　　　　　　　　　　　　　　//获得文件名称
    var fileType = fileName.substr(fileName.length-4,fileName.length);　　//截取文件类型,如(.xls)
    if(fileType==‘.xls‘ || fileType==‘.doc‘ || fileType==‘.pdf‘){　　　　　//验证文件类型,此处验证也可使用正则
        $.ajax({
            url: base+‘/actionsupport/upload/uploadFile‘,　　　　　　　　　　//上传地址
            type: ‘POST‘,
            cache: false,　　
            data: new FormData($(‘#uploadForm‘)[0]),　　　　　　　　　　　　　//表单数据
            processData: false,
            contentType: false,
            success:function(data){
                if(data==‘fileTypeError‘){
                    $("#fileTypeError").html(‘*上传文件类型错误,支持类型: .xsl .doc .pdf‘);　　//根据后端返回值,回显错误信息
                }
                $("input[name=‘enclosureCode‘]").attr(‘value‘,data);
            }
        });
    }else{
        $("#fileTypeError").html(‘*上传文件类型错误,支持类型: .xls .doc .pdf‘);
    }
}

public String uploadFile(@RequestParam("pic")CommonsMultipartFile pic,HttpServletRequest req,HttpServletResponse response,String modelName) throws IOException{

        //文件保存代码及业务处理,后台mvc使用springMVC,此时只展示方法参数类型,飘红标记,具体文件保存代码简单,不作赘述.
return xxxxx;
    }