Flutter 如何显示来自 base64 的图像

Question

我正在使用 API 带来这样的数据：

"photos": [
    {
      "id": 6,
      "name": "Seguridad",
      "base64Image": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD...",
    }
]

我需要做的是在我的应用程序的屏幕上显示照片。 我已经搜索了如何执行此操作，但我一直收到相同的错误消息：异常：图像数据无效。 我读到我需要做的是编码我的 base64 字符串，然后对其进行解码，然后在 Image.Memory 上使用它，如下所示：

String image = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD...';
var bs64 = base64.encode(utf8.encode(example));
Uint8List decodedImage = base64.decode(bs64);
// --------
Image.memory(decodedImage)

我试过使用不同的 base64 字符串，但错误始终存在。 感谢您对此提供的任何帮助。

Answer 1

因为您没有解码base64字符串。

您必须删除data:image/jpeg;base64, （包括逗号）

你必须删除它，因为data:image/jpeg;base64,只是表明该字符串是jpeg格式的图像数据，编码为base64字符串。

因此，实际的base64数据在它之后开始，您必须对其进行解码。