let formData = new FormData();
2、通过HTML表单元素创建FormData对象
let formData = new FormData(someFormElement);
二、FromData对象数据的 添加 删除 和 覆盖。
1、添加数据（若对象内没有该key则添加新key，若有该key，则在该key的最后位置追加新值）
formData.append("key","value"); // key --> value
formData.append("key","value1"); // key --> ["value","value1"]
2、删除数据（删除该key内的所有键值）
formData.delete("key")
3、覆盖（会覆盖所有该key对应的值）
formData.set("key","value1");
三、因为formData()里的数据打印不出来，所以提供以下几种方法获取到formData()里的数据。
1、get("key") 获取到该key的第一个值
2、getAll("key") 获取到该key的所有值
3、entries("key") 遍历FormData对象中的所有键值对
四、FormData对象提交数组数据时的注意事项。
1、这种方法组成的数组，提交以后，后台只能获取到该key内的最后一条数据。
formData.append("key","value1");
formData.append("key","value2");
formData.getAll("key"); // ["value1","value2"]
通过getAll()方法可以看到，此时key为一个数组，但是提交数据后，后台只能接收到 key："value2"
；
解决办法：
formData.append("key[]","value1");
formData.append("key[]","value2");
用这种方法提交数据后，后台的获得的数据为 key：["value1","value2"] ；
一、创建FormData的方法通常有两种：1、 创建一个空的formData对象let formData = new FormData();2、通过HTML表单元素创建FormData对象let formData = new FormData(someFormElement); 二、FromData对象数据的 添加 删除 和 覆盖。1、添加数据（若对象内没有该key...
JS
，vue如何在
Form
Data
中追加
数组
？uniapp vue
js
form
Data
传递
数组
，
数组
添加
进
form
data
,javascript - 将
Form
Data
对象放入
数组
，
Form
Data
传
数组
对象的
方法
前端，vue
JS
,如何在
Form
Data
中追加
数组
，
JS
,如何在
Form
Data
中追加
数组
，
JS
,如何在
Form
Data
中追加
数组
，
form
Data
传对象和
数组
、空文件的
方法
，我可以在javascript中将
数组
附加到'
form
data
'吗?，javascript如何向For
本文实例为大家分享了
JS
中
Form
Data
类实现文件上传的具体代码，供大家参考，具体内容如下
上篇文章讲到了
Form
Reader类实现文件上传，但是那是HTML5的新特性，在不支持H5的浏览器上则无法
使用
。这次介绍一个
JS
的普通类
Form
Data
，在不支持H5浏览器环境下也可以文件上传和预览，并且还能监控上传进度。
案例一：xhr.upload.onprogress监控文件的上传进度，并且动态显示
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="w
向
后台
接口
传递
Form
Data
格式的
数组
对象
在
js
中，new
Form
Data
() 对象后，可以通过 append(name, value) 的方式往该对象中
添加
添加
数据。然而append的值只能是字符串或者文件的格式，对于复杂的
数组
中包含对象的数据怎么
添加
呢？下面是我
使用
的
方法
：
后台
接口要求的入参格式：
<input type="text" name="title"/>
<input type="file" name="file"/>
<input type="te
let
form
Data
s = new
Form
Data
();
let sealValues = t.sealValues;
form
Data
s.append('pdfFile', t.parsePdfFile);
for(let i=0,len=sealValues.length;i<len;i++){
let locationInfo = sealValues[i];
form
Data
s.append('sealLocationInfoList['+i+'].posX
把
数组
直接append到
Form
Data
对象中，post的请求会把
数组
拼接成一个字符串发送给服务器，又不想在服务器端截取字符串。
解决方案：遍历
数组
把
数组
项依次append
添加
到
Form
Data
对象，服务器端就可以获取
数组
了。
javascript 代码
var arr=['上海','北京'];
var
form
Data
= new
Form
Data
();
for (var i = 0;...
header: 'multipart/
form
-
data
',
注：在写请求头的时候遇到了一个坑，后端在给请求头的，可能会给成： application/x-www-
form
-urlencoded 中格式，其实是错，它无法实现对数据的
form
Data
处理。
二、创建
Form
Data
我们在
提交
参数，调接口的时候，要创建一个for
Form
Data
对象的
使用
：
1.用一些键值对来模拟一系列表单控件：即将
form
中表单元素的 name 与 value 组装成一个 queryString
2.异步上传二进制文件
一、创建
form
Data
对象
1、创建一个空对象：
//通过
Form
Data
构造函数创建一个空对象
var
form
data
=new
Form
Data
();
//可以通过append()
方法
来追加数据
form
data
.append("name","laotie");
//通过get
Axios是一个流行的基于Promise的HTTP客户端，与浏览器和Node.
js
兼容。它可以轻松地处理HTTP请求，并支持
JS
ON、URL编码和
Form
Data
等格式的请求数据。
当我们需要向服务器
提交
文件或图片等二进制数据时，我们常常会
使用
Form
Data
对象。通常，
Form
Data
对象用于POST请求，这样我们可以将表单数据以键值对的形式
提交
到后端服务器。
Axios通过发送POST请求支持
Form
Data
对象，下面是axios post
提交
form
data
的实例：
```javascript
// 创建一个
Form
Data
对象
const
form
Data
= new
Form
Data
();
// 将需要
提交
的表单数据加入到
form
Data
中
form
Data
.append('username', 'user');
form
Data
.append('password', 'pwd');
form
Data
.append('avatar', avatarFile);
// 发送POST请求
axios({
url: '/api/user/register',
method: 'post',
data
:
form
Data
.then(response => {
console.log(response.
data
);
.catch(error => {
console.log(error);
上述代码中，我们首先创建了一个
Form
Data
对象，并向其中
添加
了一些名为“username”、“password”和“avatar”的键值对数据。其中，“avatar”项是一个文件对象。 接下来，我们
使用
axios发送POST请求，
传递
Form
Data
对象作为请求数据。 最后，我们处理来自服务器的响应或捕获错误。
值得注意的是，在
使用
Form
Data
对象时，我们通常需要设置请求头的Content-Type为multipart/
form
-
data
。在Axios中，您可以通过
添加
headers属性来实现：
```javascript
// 发送POST请求
axios({
url: '/api/user/register',
method: 'post',
data
:
form
Data
,
headers: {
'Content-Type': 'multipart/
form
-
data
'
.then(response => {
console.log(response.
data
);
.catch(error => {
console.log(error);
这是axios post
提交
form
data
的实例。通过
使用
这个示例，我们可以轻松地向服务器
提交
二进制数据。
