JQuery Ajax 使用FormData上传文件对象
程序员文章站
2023-12-31 21:46:34
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 Ajax 使用FormData上传文件对象
-
使用PHP和HTML5 FormData实现无刷新文件上传教程_PHP
-
jQuery插件限制上传文件大小与格式使用方法
-
jQuery+php实现ajax文件即时上传的详解_php技巧
-
Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
-
Java Web使用Html5 FormData实现多文件上传功能
-
jquery文件上传插件(ajax异步上传多个文件方法)
-
jquery使用FormData实现异步上传文件
-
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
-
使用jquery Ajax实现上传附件功能