How can i convert list task to Image in WPF

Question

This is My API in xaml.cs I'm get image from API this code i'm get API path in var medias and

private async void Start()
    {
        var medias = await GetAPIAsync("http://139.59.229.66:5004/api/v1/Medias/Getinfo1"); //this my API to get Image
        var items = new List<ImageSource>();//this creat new List 
        foreach (var item in medias)
        {
            items.Add(new BitmapImage(new Uri("http://" + item))); //this loop to get Image
        }
        ImageViewer.ItemsSource = items; 
    }

My List xaml.cs

static async Task<List<string>> GetAPIAsync(string path)
    {
        HttpResponseMessage response = await client.GetAsync(path);
        List<MediasResult> mediaslist = new List<MediasResult>();
        if (response.IsSuccessStatusCode)
        {
            string jsonResponse = await response.Content.ReadAsStringAsync();
            mediaslist = JsonConvert.DeserializeObject<List<MediasResult>>(jsonResponse).ToList();
        }
        var list = new List<string>();
        foreach (var item in mediaslist)
        {
            list.Add(item.MediaName);
        }
        return list;
    }

And I'm call this to xaml

  <ListBox x:Name="ImageViewer" Margin="170,152,172,62"
                             ScrollViewer.VerticalScrollBarVisibility="Disabled"
                             ScrollViewer.HorizontalScrollBarVisibility="Auto" HorizontalAlignment="Center">
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel IsItemsHost="True"/>
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                    <Image Source="{Binding}" Width="1280" Height="720"/>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

Which one should use WPF Control tool ?

Thank you for your guidance

Answer 1

Your API seems to return a list of objects, where the image url seems stored in the property "mediaName" or ("MediaName"?). At least that's what I think when browsing to http://139.59.229.66:5004/api/v1/Medias/Getinfo1

So probably you want:

items.Add(new BitmapImage(new Uri($"http://{item.mediaName}")));