flutter file http request - flutter

Question

hello I'm trying to do a post request with JSON and file together how should it be
static Future postApost(String posttitle,image,String value,token) async {
var data = {'posttitle': posttitle, 'post': image.readAsBytes(),'category': value};
await http.post("https://lighte.org/public/api/newpost",headers: {
'Authorization': 'bearer $token',
},body: data).catchError((error) {
print(error.toString());
});
}

Answer 1

static Future postApost(String posttitle,image,String value,token) async {
var request = http.MultipartRequest(
'POST', Uri.parse("https://lighte.org/public/api/newpost"));
//**fromPath()** method is used when you are sending an image from a specific path,
//inCase of String byte Images you have to use the preferred method in MultipartFile class
await http.MultipartFile.fromPath(
'image',
image.path,//use can pass file path here
filename: 'image_name.jpg',
);
request.fields['posttitle'] = posttitle;
request.fields['category'] = value;
request.headers["Authorization"] = 'bearer $token';
}

Answer 2

uploadUserImg (
String filename, String url, File img, String token
) async {
//URI with type of request (POST or GET ...) ---------------
var request = http.MultipartRequest('POST', Uri.parse(url));
//Header type with access token ------------------------
request.headers.addAll({
"Content-Type": "application/json",
'Authorization': 'Bearer $token ',
});
//adding body parameter for request -----------------------
// you can remove this it will not affect the code
request.fields.addAll({
'phone_number': '[phone]'
});
// adding File image -------------------------------
request.files.add(
http.MultipartFile.fromBytes('image_endpoint', img.readAsBytesSync(),
filename: filename));
//send request + listing to its response
request.send().then(
(response) {
//parsing the response to print it
response. stream.transform(utf8.decoder).listen(
(responseString) {
print(responseString);
});
}