文件上传前后端

##1.使用boostrap-fileinput插件
原生的文件上传不太好像，所有使用boostrap-fileinput插件进行文件上传

引入

html页面

初始化上传文件框

//初始化上传文件框
$("#txt_file2").fileinput({
    language: 'zh',  //设置语言
    uploadUrl: "salaryOper/uploadFile.do",
    showUpload: false,
    enctype: 'multipart/form-data'
});

##2.使用Query.form.js进行表单提交

Query.form.js是一个form插件，支持ajax表单提交和ajax文件上传

  

                            

                                上传工资条模板
                                

                                    
                                
                            
                            

                                

                                    发送邮件
                                
                            
                        


$(function(){
        $("#formMail").ajaxForm(function(data){
			//处理表单提交后，后端返回给前端的信息
            layer.alert(data);
        });
    });

3.使用CommonsMultipartFile类获取前端上传的文件

@RequestMapping(value = "/sendMail.do",produces="text/html;charset=UTF-8")
    @ResponseBody
    public String  sendMail(@RequestParam("file2") CommonsMultipartFile file2, HttpServletRequest request) {
		
	}

注意@RequestParam里面的名字要和表单中上传文件框的name属性一致