将 base64 绑定到图像

Question

我正在尝试以 base64string 格式获取来自我的数据库的图像并将它们转换为图像以在我的 CarouselView 中显示它们。我关注了this tutorial，但我没有让图像出现在轮播中。

这是我的代码。

view_model_main

 private void carrega_dados()
    {
        ws_dados dados = new ws_dados();
        var lista = dados.dados_home();
        for (int i = 0; i < lista.Count; i++)
        {
            lista[i].image_byte = Convert.FromBase64String(lista[i].imagem);
            lista_imagens.Add(lista[i]);
        }
        //carrega as imagens e seta na string
    }

ma​​in_page.xaml.cs

  private void adiciona_imagens()
    {
        var lista = view_model_main.lista_imagens.ToList();
        List<ImageSource> lista_imagem = new List<ImageSource>();
        for (int i = 0; i < lista.Count; i++)
        {
            lista_imagem.Add(ImageSource.FromStream(() => new MemoryStream(lista[i].image_byte)));
        }
        MainCarouselView.ItemsSource = lista_imagem;
    }

ma​​in_page.xaml

<StackLayout HeightRequest="210" Spacing="0"   Margin="0">
            <CarouselView x:Name="MainCarouselView">
                <forms:CarouselView.ItemTemplate>
                    <DataTemplate>
                        <Image Source="{Binding .}"
                                HorizontalOptions="StartAndExpand" VerticalOptions="StartAndExpand">
                        </Image>
                    </DataTemplate>
                </forms:CarouselView.ItemTemplate>
            </CarouselView>
        </StackLayout>

如果还有其他需要，我会用更多信息更新问题。

EDIT：添加了将base64转换为byte[]的函数。

编辑 1：我已经检查了来自数据库的 base64 并且它正在工作，我可以在 decoder 中解码就好了

Answer 1

lista[i].imagem 是什么类型？这是 byte[] 吗？如果是这样，lista[i].image_byte 将是 Base64 的字符串。

现在，一般来说，如果你需要使用 Base64 字符串作为图像，你需要下面的 img 标签。

在此示例中，“image/gif”是 mime 类型，后跟“base64”，然后是您的绑定，即您的实际 Base64 字符串。

<img alt="" src="data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=" />

看起来您在源代码中缺少 Mime 类型和 base64。仅通过分配 base64 字符串图像不会加载。

希望对你有帮助。