image uploading failing using dio package

Question

I am trying to upload an image in flutter using Dio package but its failing. I need to send an image in formdata.

API >> needs request body as imageUpload:image

Code for image upload

 static Future uploadProfilePicToS3(File imageFile) async {
    try {
      FormData formData = new FormData.from(
          {'imageUpload': new UploadFileInfo(imageFile, "profile_pic.jpg")});
      var response =
          await Dio().post(UPLOAD_PROFILE_PIC, data: {'imageUpload': formData});
      print(response.statusCode);
    } catch (error) {
      throw (error);
    }
  }

Error >>>

E/flutter ( 4025): [ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: DioError [DioErrorType.DEFAULT]: Converting object to an encodable object failed: Instance of 'UploadFileInfo'#0

Let me know if there is any other way.

refer this link https://stackoverflow.com/questions/44841729/how-to-upload-image-in-flutter?answertab=votes#tab-top — Infusion Analysts, Apr 09 '19 at 06:09
I HAVE DONE this but my API accepting body of the request as >>> imageUpload: formaData i am confused how to send body like {imageUpload: formData } — Sudhansu Joshi, Apr 09 '19 at 06:16
i want to convert image file to formdata and then send it in body of request with key imageUpload — Sudhansu Joshi, Apr 09 '19 at 06:23
Convert Image file to multipart/form-data to send on a Web API — Sudhansu Joshi, Apr 09 '19 at 06:23
refer this link https://stackoverflow.com/questions/49125191/flutter-http-post-upload-an-image?answertab=votes#tab-top — Infusion Analysts, Apr 09 '19 at 06:27
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/191501/discussion-between-sudhansu-joshi-and-infusion-analysts). — Sudhansu Joshi, Apr 09 '19 at 06:33

score 1 · Answer 1 · answered Jul 18 '19 at 10:48

I used dio for post a file path with some other information in this way :

  Dio dio = new Dio();
  FormData formData = new FormData();
  formData.add(
    "apiKey",
    "my_api_key",
  );
  formData.add(
    "file",
    "image_path",
  );
  Response response = await dio.post(
    "https://localhost",
    data: formData,
    onSendProgress: (int sent, int total) {
      // do something
    },
  ).catchError((onError) {
    throw Exception('something');
  });

score 0 · Answer 2 · answered Sep 25 '20 at 18:26

use this code

Future<ImageProperty> uploadImage(File imageFile, processfunction) async {
    final StringBuffer url = new StringBuffer(BASE_URL + "/wp-json/wp/v2/media");
 
     Dio dio = new Dio();
     var token = await _getToken();
     try {
        FormData formData = FormData.fromMap(
          {"file": await MultipartFile.fromFile(imageFile.path)},
        );
        print(url);
       if (token != null) {
          dio.options.headers["Authorization"] = "Bearer $token";

          print(dio.options.headers);
        }
      var response = await dio.post(
         url.toString(),
         data: formData,
         onSendProgress: processfunction,
     );

     print(response.data);
      return Future.value(response.data);
   } on DioError catch (e) {
     print(e);
 }

}

image uploading failing using dio package

2 Answers2