FormData.append()添加字段时值为空或被忽略的主因是value为null、undefined或空字符串；需检查值、规范类型转换、正确处理文件、区分append()与set()、谨慎拼接动态字段名，并确保前后端命名约定一致。
FormData.append() 添加字段时值为空或被忽略
常见现象是调用
后，后端收不到该字段。根本原因通常是
为
、
或空字符串，而
不会报错，但浏览器实际不提交该条目。
实操建议：
立即学习
“
前端免费学习笔记（深入）
”；
添加前显式检查值：
字符串值可统一用
防止空格干扰
布尔值需手动转成字符串：
，直接传
会被转成
，多数后端不认
日期建议用
而非
，避免时区和格式歧义
动态添加文件字段（
）的正确姿势
不能直接对
对象调用
，必须逐个取
实例。否则会静默失败或上传乱码。
实操建议：
立即学习
“
前端免费学习笔记（深入）
”；
获取文件：用
或遍历
（注意不是
）
添加单文件：
添加多文件（同名字段）：
，后端收到的是数组
若需带额外元数据（如描述），可额外 append 字符串字段：
append() 和 set() 的关键区别与选型场景
允许同名字段多次存在，
则覆盖前值。这直接影响后端接收逻辑——比如 PHP 的
只支持一次上传，但
多值需用数组语法（
）。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
实操建议：
立即学习
“
前端免费学习笔记（深入）
”；
上传文件 + 表单字段混用时，统一用
，避免意外覆盖
明确只需要一个值的字段（如
），可用
防止重复添加
调试时用
查看实际键值对，确认是否重复或缺失
注意：
删除已有同名项再插入，
是追加，两者不可混用同一字段而不清理
通过 JavaScript 动态生成字段名（如带索引、条件名）
常见需求：循环生成
、
这类嵌套字段名，但后端解析依赖命名规范，拼错就丢数据。
实操建议：
立即学习
“
前端免费学习笔记（深入）
”；
字段名用模板字符串拼接，避免手写中括号错误：
嵌套层级深时，先构建对象再序列化（如用
），但注意
原生不支持自动扁平化对象
若后端是 Laravel 或 Django，字段名含点号（
）可能被截断，优先用下划线或中划线
动态字段名务必在前后端文档对齐，比如
和
容易漏处理
动态添加字段本身很简单，真正容易出问题的是值的类型、空值处理、字段名规范，以及和后端约定的解析逻辑是否一致。尤其在表单有可增删行、文件+文本混合、或需要兼容旧接口时，建议每次 append 前打一行
确认键值。
formData.append('key', value)valuenullundefinedappend()if (value != null && value !== '') formData.append('key', value)String(value).trim()formData.append('active', active ? '1' : '0')true"true"toISOString()toString()FileListappend()Fileinput.files[0]input.filesinput.valueif (file) formData.append('avatar', file)for (const file of input.files) formData.append('photos', file)formData.append('photo_desc', desc)append()set()$_FILES$_POSTname[]append()user_idset()console.log([...formData.entries()])set()append()item[0][name]item[1][price]formData.append(`items[${i}][name]`, name)qs.stringify()FormDatauser.emailstatus_2024status_2025console.log