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(){
})
JQuery Ajax 使用FormData上传文件对象的更多相关文章
- jQuery Ajax使用FormData上传文件和其他数据,后端web.py获取
		参考博文: 通过jQuery Ajax使用FormData对象上传文件 方法一:使用<form>表单初始化FormData对象方式上传文件 前端(JQuery): <form enc ... 
- Ajax通过FormData上传文件
		1.使用<form>表单初始化FormData对象方式上传文件 HTML代码 <form id="uploadForm" enctype="multip ... 
- H5 FormData对象的使用——进行Ajax请求并上传文件
		XMLHttpRequest Level2 添加了一个新的接口——FormData .[ 主要用于发送表单数据,但也可以独立使用于传输键控数据.与普通的Ajax相比,它能异步上传二进制文件 ] 利用F ... 
- 使用FormData上传文件、图片
		关于FormData XMLHttpRequest Level 2添加了一个新的接口 ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XM ... 
- FormData上传文件  带进度条
		* jQuery ajax FormData 上传文件 template $.ajax({ url: url, type: 'POST', data: new FormData(form), dat ... 
- MFC中使用post提交form-data上传文件
		已经有将近6年时间没写过MFC了,想想以前我也是写VC++入门程序开发的,那时候写协议栈.搞语音编码.做视频压缩和实时数据传输,相比现在更多偏业务的开发,那时候搞得都是非常技术的东西.眨眼间,MFC已 ... 
- 【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
		前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ... 
- JQuery插件ajaxFileUpload 异步上传文件(PHP版)
		太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ... 
- (十)HttpClient以multipart/form-data上传文件
		原文链接:https://blog.csdn.net/wsdtq123/article/details/78888734 POST上传文件 最早的HTTP POST是不支持文件上传的,给编程开发带来很 ... 
随机推荐
- 使用powershell 执行脚本,windows默认不允许任何脚本运行
			使用如下命令让PowerShell运行在无限制的环境之下: Set-ExecutionPolicy Unrestricted 
- vue-i18n国际化实例
			demo 场景需求分析 需求很简单,左上角 ''网易云音乐''就是一个中英文切换的按钮,点击弹出提示框,确认切换语言后,实现英文版本. 切换成英文版本: 三.实现国际化 1.我们得先有开发环境,先有项 ... 
- flask 继承模版的基本使用1
- JS之原型式的继承
			创建一个Person的构造器 function Person(first, last, age, gender, interests) { this.name = { first, last }; t ... 
- 理解Canvas原理
			Canvas原理 Canvas我们把它翻译成画布,从字面意思我们就可以知道,不就是可以在上面画东西的布吗.好像很简单,没什么好说的.先看图: 从这几幅图我们可以看到以下几点: 1.每个小方格我们可以看 ... 
- WINDOWS API ——CREATETOOLHELP32SNAPSHOT——查找进程
			原文:http://www.cnblogs.com/wind-net/archive/2012/10/26/2741458.html //根据进程名获取进程ID DWORD GetPidByProce ... 
- tomcat启动很慢 停留在 At least one JAR was scanned for TLDs yet contained no TLDs.
			部署项目时候,发现启动特别慢,要等好几分钟,这不正常啊.然后每次部署都停留在 At least one JAR was scanned for TLDs yet contained no TLDs. ... 
- shp文件导入mysql5.6.15
			百度了一下 方法大致相同,就是提供的资源都缺斤短两还在细节上有差异.所以上传一份正确的. 0.将cygwin1.dll拷贝到system32目录下面1.将shp以及shp的相关文件和DOShere的d ... 
- 3.获取git仓库
			有两种取得 Git 项目仓库的方法. 第一种是在现有项目或目录下导入所有文件到 Git 中: 第二种是从一个服务器克隆一个现有的 Git 仓库. 在现有目录中初始化仓库 如果你打算使用 Git 来对现 ... 
- IIS并发连接数限制
