//当前端上传图片的时候,需要传递给后端的是一个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);
}
AJAX模拟Form表单上传
最新推荐文章于 2023-04-22 15:05:53 发布