JQuery Ajax 使用FormData上传文件对象

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(){

})

更多专业前端知识，请上【猿2048】www.mk2048.com

JQuery Ajax 使用FormData上传文件对象相关推荐

ajax formdata提交上传,Ajax提交用FormData()上传文件
1.form声明如下 2.ajax设置如下 var formData = new FormData(document.getElementById("form")); $.ajax ...
使用FormData，进行Ajax请求并上传文件
使用FormData,进行Ajax请求并上传文件这里使用JQuery,但是老版本的JQuery比如1.2是不支持的,最好使用2.0或更新版本: Html代码 <form id= " ...
jquery formdata上传文件示例
jquery formdata上传文件示例 var formData=new FormData();formData.append("faceType", $(this).data ...
ajax ashx 请选择文件,ajax+jquery+ashx如何实现上传文件
ajax+jquery+ashx如何实现上传文件第一:建立Default.aspx页面 ajax图片上传 function upload(){ var path = document.getElem ...
node.js实现formdata上传文件
node.js实现formdata上传文件 1.关于formdata XMLHttpRequest Level 2 添加了一个新的接口--FormData.利用 FormData 对象,我们可以通过 ...
java接受formdata文件上传_java后端发送formdata上传文件
今天想实现 java 后端发送 formdata 上传文件,为了以后查找方便,特此记录下来上一次使用 WebClient 实现远程调用 (一个非阻塞.响应式的HTTP客户端,它以响应式被压流的方式执 ...
jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
ajax send上传出错,AJAX + FormData 上传文件失败？
做了一个上传头像的功能,先选择头像(用按钮代替了丑陋的input),选择文件成功,用 input onchange() 句柄做的预览图片功能也成功,确认上传的时候,想用AJAX,从有什么方法能aj ...
JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...

JQuery Ajax 使用FormData上传文件对象

JQuery Ajax 使用FormData上传文件对象相关推荐

最新文章

热门文章