FormData用法详解

160 阅读1分钟

FormData 对象的使用:

1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成一个queryString

2.异步上传二进制文件。

1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。

1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。

[JavaScript]
纯文本查看
复制代码
1
2
3
4
5
6
7
let formData =newFormData()
formData.append('user','zhang')
获取 formData.get('user')//zhang
删除 formData.append('user').....


2.使用FormData对象发送文件

// 文件元素

[JavaScript]
纯文本查看
复制代码
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var file = document.querySelector('[type=file]');
// 通过FormData将文件转成二进制数据
var formData = new FormData();
// 将文件转二进制
formData.append('upload', file.files[0]);
$.ajax({
url: 'file.php',
type: 'POST',
data: formdata, // 上传formdata封装的数据
dataType: 'JSON',
cache: false, // 不缓存
processData: false, // jQuery不要去处理发送的数据
contentType: false, // jQuery不要去设置Content-Type请求头
success:function (data) { //成功回调
console.log(data);
}
});


---------------------
作者:_dalianmiao
来源:CSDN
原文:blog.csdn.net/hani_wen/ar…