如何在FormData中传递null值而非字符串"null"？

FormData的append方法会自动把非字符串/Blob/File类型的值转为字符串，所以你传入的null会被转成字符串"null"，没法直接传递原生null。针对你的需求，有两种实用方案：

方案一：无值时完全排除该字段 #

如果后端逻辑允许，当phone_number没有值时，干脆不把这个字段加到FormData里，这比传"null"更符合表单数据的常规处理逻辑。修改代码如下：

const formData = new FormData();

const fields = {
  title: bookingTitle,
  image: image,
  phone_number: phone || null
};

Object.entries(fields).forEach(([key, value]) => {
  // 只有值不为null时，才添加到FormData中
  if (value !== null) {
    formData.append(key, value);
  }
});

return formData;

方案二：用空字符串替代null（适配特定后端需求） #

如果后端要求必须存在phone_number字段，但允许空值，可以把null换成空字符串，这样FormData会传递空字符串，而不是"null"这个无效值：

const formData = new FormData();

const fields = {
  title: bookingTitle,
  image: image,
  // 无值时用空字符串替代null
  phone_number: phone || ''
};

Object.entries(fields).forEach(([key, value]) => {
  formData.append(key, value);
});

return formData;

需要注意的是，FormData本身就是为处理表单的字符串和文件数据设计的，原生不支持传递null类型，所以上述两种方案是最常用的解决思路，优先选方案一，除非后端有明确的字段存在要求。

内容的提问来源于stack exchange，提问作者Codder