AJAX模拟Form表单上传

//当前端上传图片的时候，需要传递给后端的是一个file对象，而不是一个路径
//而files就是包含了图片的所有设置，包括大小、类型、内容等等
var xxx = this.container.find("#xxx")[0].files ;
//将jquery转换成dom 在dom方法中，file提交时有一个files属性
//所有的提交图片或文件都会增加1个length

//1、创建FormFata
var formData = new FormData() ; 

//2、FormData下有一个append的属性，是用来存储需要传递到服务器的数据,第一个参数是后端定义的字段key值，第二个值是你需要传递的参数
formData.append(key,name) ;

$.ajax({
            type:"post",
            url:"",
            data:formData,
			 //3、cache、processData、contentType这三个属性如果使用formDate+ajax模拟表单上传的时候必须要进行配置
			//这三个属性必须设置，当模拟form表单提交时，forData自带属性，如果这三个属性有true，则会按ajax传统方式上传

			//不读取缓存中的结果 true的话会读缓存  其实post本身就不会读取缓存中的结构
            cache: false,
            //默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。
            processData: false,
            //数据编码格式不使用jquery的方式 为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件。
            contentType: false,
            success:this.fn.bind(this)；
}) 
fn(data){
           console.log(data);
}