How to customize picked image data as a base 64 string to upload to WebAPIs

[PhyoeKo]

I am using this package as a text editor, there user can write both text and image as well, then I produce result to Html code. There I am getting html img attribute data is picked file path. Likes <img src="/data/user/0/com.example.app/app_flutter/image_picker6905649150262524545.jpg" alt="" />

I want to replace base64 string instead of file path, is there any way to achieve my issues.
Thanks you.

[AlissonMMenezes]

Just found a way, you can do it customize the ImageButton like this

QuillToolbarImageButton(
                      controller: _controller,
                      options: QuillToolbarImageButtonOptions(
                          imageButtonConfigurations:
                              QuillToolbarImageConfigurations(
                        onRequestPickImage:
                            (context, imagePickerService) async {
                          var imgFile = await imagePickerService.pickImage(
                              source: imgSource.ImageSource.gallery);
                          var bytes = await imgFile!.readAsBytes();

                          // Encode the file data to base64
                          String base64String = base64Encode(bytes);
                          return base64String;
                        },
                        onImageInsertCallback: (image, controller) async {

                          controller.insertImageBlock(
                              imageSource: "data:image/png;base64,${image}");
                        },
                      )),
                    ),

[nguyenlong1999]

thanks