Flutter : How to display data:image/jpeg;base64

Question

Hello everyone i try display this image data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=

in my flutter app using

image.network()

but its format is not supported

how can I display it ?

Does this answer your question? [How to convert BASE64 string into Image with Flutter?](https://stackoverflow.com/questions/46145472/how-to-convert-base64-string-into-image-with-flutter) — OMi Shah, May 02 '22 at 13:12
Edit your question bro just ask "how to convert base64 to image" — Anand, May 02 '22 at 13:18
this is the sample small image data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII= — Anand, May 02 '22 at 13:18

score 1 · Accepted Answer · answered May 02 '22 at 13:16

1

import 'dart:convert';
import 'package:image/image.dart' as ImageProcess;

final _byteImage = Base64Decoder().convert(base64Image);
Widget image = Image.memory(_byteImage)

answered May 02 '22 at 13:16

Anand

4,355
2
35
45

2

thnx for reply .. i get this error : Invalid character (at character 5) data:image/jpeg;base64,/9j/4AAQSkZJRgAB... – Sparkat JKS May 02 '22 at 13:25
1

it work now thnx bro :)))) – Sparkat JKS May 02 '22 at 13:31
Do you extract the string first to get the character after comma? @SparkatJKS – Fuad Reza Dec 12 '22 at 07:41

Flutter : How to display data:image/jpeg;base64

1 Answers1