How to display an image from AttachedPicture | Flutter

Question

I'm trying to display a cover image from an MP3 file. I'm getting the ID3 tags from https://github.com/NiKoTron/dart-tags.

My Code:

TagProcessor tp = TagProcessor();
tp.getTagsFromByteArray(bytes).then((l) async {

  AttachedPicture picture = l[1].tags['picture']['Cover (front)'];

  log(picture.toString()); // ->[log] {mime:image/png, description:, bitmap: iVBORw0KGgoAAAANSUhEUgAABLAAAASw...}
});

The mime: image/png is just a string, so I don't exactly know how to get the image.

You're getting the bitmap of the image. Did you try displaying the bitmap? I think Image.memory displays images from a bitmap. — nicks101
– nicks101, Commented Jul 1, 2021 at 12:38

Tirth Patel · Accepted Answer · 2021-07-01 12:59:56Z

1

AttachedPicture has property imageData which is of type List<int>.

You could use Image.memory to display imageData by using Uint8List.fromList.

import 'dart:typed_data';

Image.memory(
  Uint8List.fromList(imageData),
);

answered Jul 1, 2021 at 12:59

Tirth Patel

5,7943 gold badges32 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

How to display an image from AttachedPicture | Flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related