欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery Ajax 使用FormData上传文件对象

程序员文章站 2022-03-13 17:17:00
FormData部分: 先new FormData对象 :let somedata = new FormData(),然后将数据添加进去,这里我们使用append()进行添加。 这里举一个上传头像的例子: let token = localStorage.token; let img = $(".f ......

FormData部分:

先new FormData对象 :let somedata = new FormData(),然后将数据添加进去,这里我们使用append()进行添加。

这里举一个上传头像的例子:

let token = localStorage.token;

let img = $(".file")..get(0).files[0];

let somedata = new FormData();

somedata.append("token",token);

somedata.append("img",img);

somedata.append("type","avatar");

到这里数据就添加完了,我们来写JQuery Ajax请求

$.ajax("这里写你的接口地址",{

method : "post";

dataType:"json",

data:somedata,//这里是使用FormData添加的数据

processData:false,

contentType:false,

xhrFields:{

withCredentials:true

}

})

.done(function(){

})