如何格式化我的 formData 对象的结构以匹配后端的期望？

Question

我正在使用 formData 发布通过 ImagePicker 上传的图像。我正在发送这样的参数：

  let formData = new FormData();

  formData.append('image', { uri: localUri, name: filename, type });
  formData.append('description', 'this is the decription');

  return await fetch('https://prana-app.herokuapp.com/v1/visions/', {
    method: 'POST',
    body: formData,
    header: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'X-User-Email': this.state.email,
      'X-User-Token': this.state.accessToken
    },
  });
  };

这似乎不起作用，因为我得到了一个非常通用的NoMethodError (undefined methodbuild' for nil:NilClass):` 错误。

鉴于image 参数是图像而description 参数是字符串，我如何以正确的方式发布我的参数？

谢谢

Answer 1

使用Formdata时Content-Type必须不同。

example.js：

fileSend = () => {
    const apiUrl = "http://00.000.00.000:0000/upload";
    const uri = this.state.image;
    const stringdata = {
      username: this.state.name,
      introduce: this.state.introducetext,
      addresstext: this.state.addresstext
    };
    const uriParts = uri.split(".");
    const fileType = uriParts[uriParts.length - 1];
    const formData = new FormData();

    formData.append("userfile", {
      uri,
      name: `photo.${fileType}`,
      type: `image/${fileType}`
    });
    for (var k in stringdata) {
      formData.append(k, stringdata[k]);
    }

    const options = {
      method: "POST",
      body: formData,

      headers: {
        Accept: "application/json",
        "Content-Type": "multipart/form-data"
      }
    };

    return fetch(apiUrl, options)

如上例所示，Content-Type 应该写成 multipart/form-data，如果 Stringdata 不为 1，则将其传递给 For ... in。