我如何在flutter中以多部分请求发送地图对象

Question

在这里，我尝试在多部分请求中发送对象映射，但我的请求是字符串，而不是 JSON 格式，请建议我执行正确的请求。预先感谢。

我已经尝试了多部分请求，但我的请求应该采用正确的形式..

var getApiUrl = 'http://malik-env-test.ap-south-1.elasticbeanstalk.com/webapi/post/create';

  Map userData = {

    "creator": {
      "creatorId": "298",
      "createDate": "2018-12-21 20:44:45.8"
    },
    "info": "$campusInfo",
    "title": "$eventName",
    "postCampusId": "5642"

  };

Uri uri = Uri.parse(getApiUrl);
   http.MultipartRequest request = new http.MultipartRequest('POST', uri);
   request.fields['creator'] = userData['creator'];
   request.fields['info'] = '$campusInfo';
   request.fields['title'] = '$eventName';
   request.fields['postCampusId'] = '5642';
   request.files.add(await http.MultipartFile.fromPath('image_file1', imagePath, contentType: new MediaType('application', 'x-tar')));
//   var body = json.encode(request);
   print(request);
   http.StreamedResponse response = await request.send();
   String jsonData = response.toString();
   print(jsonData);ddd

Answer 1

尝试：

request.fields['userData'] = json.encode(userData);

您需要从 API 规范或服务器所有者那里找出 json 使用的字段名称。我假设

userData

。

如果您想控制媒体类型、编码等，请将其添加为如下文件：

  request.files.add(
    http.MultipartFile.fromBytes(
      'the_form_field name',
      utf8.encode(json.encode(userData)),
      contentType: MediaType(
        'application',
        'json',
        {'charset': 'utf-8'},
      ),
    ),
  );

Answer 2

我认为，添加对象字段的最简单方法是使用像这样的括号；

request.fields['creator[creatorId]'] = '$creatorId';
request.fields['creator[createDate]'] = '$createDate';
request.fields['title'] = '$eventName';
request.fields['postCampusId'] = '5642';

因此，对于另一个内部的字段，您需要先放置对象名称，然后添加到括号内的字段名称。

这应该可以正常工作。

Answer 3

到目前为止，通过 HTTP 包这是不可能的，您可以使用不同的包，例如 DIO，它允许您将正文作为 Map 与文件一起发送。这是示例代码，可能会对您有所帮助。

var formData = FormData.fromMap({
  'creator': {
      "creatorId": "298",
      "createDate": "2018-12-21 20:44:45.8"
    },
  'info': "$campusInfo",
  'title': "$eventName",
  'files': [
    await MultipartFile.fromFile('/photo1.jpg', filename: 'profile.jpg'),
    await MultipartFile.fromFile('/photo2.jpg', filename: 'cover.jpg'),
  ]
});

var response = await dio.post('http://malik-env-test.ap-south-1.elasticbeanstalk.com/webapi/post/create', data: formData);

Answer 4

   var userData = json.encode({
     "creator": {
           "creatorId": "298",
            "createDate": "2018-12-21 20:44:45.8"
       },
      "info": "$campusInfo",
      "title": "$eventName",
      "postCampusId": "5642"
    });
    var client = http.Client();
    client
        .post('https://'+ url ,
            headers: {
              'content-type': 'application/json',
            },
            body: userData )