ارسال عکس از فلاتر به سرور

سلام دوستان خسته نباشید من برای اینکه از فلاتر به سرور اطلاعاتی رو ارسال کنم به شکل زیر دارم عمل میکنم نمیدونم این شکل ارسال کار درستی باشه یا نه.
اما مشکل من دقیق اینجا پیش میاد که میخوام چند تا عکس رو ارسال کنم نمیدونم چطور باید عمل کنم.
مثلا میخوام یک درخواست ارسال بشه به سرور که هم توش گالری عکس باشه هم عکس شاخص هم عنوان و محتوا و ...

_upload() async{
    if (file == null) return;
    SharedPreferences prefs = await SharedPreferences.getInstance();
    var apiToken = prefs.getString('user.api_token');
    String imageFile = base64Encode(file.readAsBytesSync());
    String fileName = file.path
        .split("/")
        .last;

    http.post(

        phpEndPoint,
        body: {
          "api_token": apiToken,
          "image": imageFile,
          "name": fileName,

        }
    )
        .then((res) {
      print(jsonDecode(res.body)['data']['message']);
    }).catchError((err) {
      print(err);
    });
  }