RNFetchBlob多部分请求报错：字段无data属性，null字段被隐式移除

核心问题分析 #

你遇到的两个问题（报错提示+请求数据为null）都是因为RNFetchBlob的multipart请求格式使用错误，具体原因如下：

1. formData.append("imagesList", null) 直接传入null作为字段值，RNFetchBlob无法识别该类型的字段数据，触发"字段无data属性"的报错。
2. 请求体传递错误：将FormData对象放在数组中传给rnfetchblob.fetch，不符合RNFetchBlob的multipart参数规范。
3. 手动设置Content-Type: multipart/form-data，会导致请求缺少自动生成的boundary分隔符，后端无法解析请求体。

修正后的代码示例 #

方式1：使用RNFetchBlob原生的multipart数组格式（推荐） #

const requestParams = [];

// 添加图片文件
for (let i = 0; i < image.length; i++) {
  requestParams.push({
    name: 'postFile',
    filename: `image-${i}.jpg`, // 可根据实际文件类型修改文件名
    data: image[i].data,
    type: 'image/jpeg' // 对应图片的MIME类型，如png则为image/png
  });
}

// 若后端必须接收imagesList字段，传空字符串替代null
requestParams.push({
  name: 'imagesList',
  data: ''
});

rnfetchblob.fetch('POST', `${baseUrl}/fame/saveImage`, {
  Authorization: `Bearer ${token}`,
  otherHeader: "foo"
  // 不要手动设置Content-Type，RNFetchBlob会自动生成带boundary的正确头
}, requestParams)
.then((resp) => {
  console.log("response = ", resp)
})
.catch((err) => {
  console.log("error = ", err)
})

方式2：使用FormData对象传递（需注意格式） #

const formData = new FormData();

for (let i = 0; i < image.length; i++) {
  // 若图片是本地文件，需按FormData规范构造文件对象
  formData.append("postFile", {
    uri: image[i].uri, // 本地图片的uri，而非直接传data
    type: 'image/jpeg',
    name: `image-${i}.jpg`
  });
}

// 用空字符串替代null，避免报错
formData.append("imagesList", "");

rnfetchblob.fetch('POST', `${baseUrl}/fame/saveImage`, {
  Authorization: `Bearer ${token}`,
  otherHeader: "foo"
  // 移除手动设置的Content-Type
}, formData)
.then((resp) => {
  console.log("response = ", resp)
})
.catch((err) => {
  console.log("error = ", err)
})

关键注意事项 #

• 不要手动设置multipart/form-data类型头：RNFetchBlob会自动生成包含boundary的完整Content-Type，手动设置会导致后端无法解析请求体。
• 禁止传递null作为字段值：若字段需空值，用空字符串""替代；若该字段非必需，直接删除append语句。
• 图片数据传递要匹配类型：如果是本地相册/相机图片，优先使用uri而非直接传data，避免数据格式不兼容。

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