Fetch image from URL and convert it to base64 string - Flutter

Question

I've an array of string containing 5 image urls. I'm looking out for a way to fetch the image from url, then encode the image as base64 string, and finally insert that to another array.

The solution should work for both mobile and web in flutter. I was digging around for the solution and got some tricks using File.readAsBytes, Image.toBase64String, etc., but none of them worked on my side.

@AR Thanks but I've already visited the link you provide. The solution proposed there isn't working as I mentioned in the question. — iAkshay
– iAkshay, Commented Mar 6, 2020 at 14:06

iAkshay · Accepted Answer · 2020-03-12 10:11:32Z

14

Finally I found the solution using http package

import 'package:http/http.dart' as http;

Future<String> networkImageToBase64(String imageUrl) async {
    http.Response response = await http.get(imageUrl);
    final bytes = response?.bodyBytes;
    return (bytes != null ? base64Encode(bytes) : null);
}

Example:

final imgBase64Str = await networkImageToBase64('IMAGE_URL');
print(imgBase64Str);

This is working perfectly for both mobile and web.

edited Mar 12, 2020 at 10:11

answered Mar 12, 2020 at 9:51

iAkshay

1,2933 gold badges16 silver badges36 bronze badges

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

1 Comment

Thiago Silva Over a year ago

It works but then crashs with an error 36 - File name is too long.

Collectives™ on Stack Overflow

Fetch image from URL and convert it to base64 string - Flutter

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related