How to use API using http package in flutter

Question

Im trying to use an API to remove background of an image. Therefore, I am using http flutter package. But I am getting <title>400 Bad Request</title> error. How can I fix this?

This is what i tried,

  removeBackGround(String imagePath) async {
    
    final body = {"image_file": imagePath};
    final headers = {"X-API-Key": "e5adebcdc77**************"};
    final response = await http.post(Uri.parse("https://sdk.photoroom.com/v1/segment"),
        body: body,
        headers: headers);

    if (response.statusCode == 200) {
      print("response  ok");
      
    } else {
      throw Exception('Failed to do network requests: Error Code: ${response.statusCode}\nBody: ${response.body}');
    }
  }

this is the error

E/flutter (14230): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: Exception: Failed to do network requests: Error Code: 400
E/flutter (14230): Body: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
E/flutter (14230): <title>400 Bad Request</title>
E/flutter (14230): <h1>Bad Request</h1>
E/flutter (14230): <p>Could not decode image, ensure image_file or image_file_b64 is set</p>

"Could not decode image, ensure image_file or image_file_b64 is set" have you tried converting the image into base64? Or to convert into a File object? You're just passing a path — Mariano Zorrilla
– Mariano Zorrilla, Commented Jun 19, 2021 at 13:27
@MarianoZorrilla I just passed File directly instead of the path and I am getting this error now Error - '[ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: type '_File' is not a subtype of type 'String' in type cast' — Isuru Bandara
– Isuru Bandara, Commented Jun 19, 2021 at 13:38
No! @MarianoZorrilla you can upload an image from the path too. — Mehran Ullah
– Mehran Ullah, Commented Jun 19, 2021 at 14:03

Mehran Ullah · Accepted Answer · 2021-06-19 14:20:24Z

1

You can use the post method slightly in a different way, by using MulipartFormRequest

Future removeBackGround(imagePath) async {
  var request = http.MultipartRequest(
      'POST', Uri.parse("https://sdk.photoroom.com/v1/segment"));
  await http.MultipartFile.fromPath(
    'image',
    imagePath,
    filename: 'image_$name.jpg',
  );
  // request.fields['companyName'] = name;
  // request.fields['own_id'] = id;
  request.headers["X-API-Key"] = "e5adebcdc77**************";

  var res = await request.send();
  return res.statusCode;
}

Using this method you can upload an images and json data at once.

answered Jun 19, 2021 at 14:20

Mehran Ullah

8378 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

15 Comments

Isuru Bandara Over a year ago

What should I use as$name? random name or the exact name of the image? [image_$name.jpg]

Mehran Ullah Over a year ago

It's completely up to you, whatever you want,

Mehran Ullah Over a year ago

I use this just for demo purpose image_$name.jpg can give any name. Its better you Use baseName from imagepicker

Isuru Bandara Over a year ago

Bro, I am still getting code 400 :( Why is that? Please help me.

Mehran Ullah Over a year ago

The problem is they want a binary image and you are try to send them an image file. so they couldn't understand what we send to them

|

Collectives™ on Stack Overflow

How to use API using http package in flutter

1 Answer 1

15 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

15 Comments

Your Answer

Sign up or log in

Post as a guest

Related