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(){
})
上一篇: JQuery DataTables根据行数据不同而行或列的更改颜色
下一篇: 婚前测试
推荐阅读
-
jQuery+php实现ajax文件即时上传的详解_php技巧
-
Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
-
Java Web使用Html5 FormData实现多文件上传功能
-
jquery文件上传插件(ajax异步上传多个文件方法)
-
jquery使用FormData实现异步上传文件
-
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
-
使用jquery Ajax实现上传附件功能
-
使用Spring boot + jQuery上传文件(kotlin)功能实例详解
-
thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例
-
jquery文件上传插件(ajax异步上传多个文件方法)