Image cannot display device picture.

Description

Image cannot display device picture which in “/data/user/0/app/cache/xxx.png”, it’s display as blank.

And my code as follow:

MainPage.xaml:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.MainPage">

    <StackLayout>
        <Button Clicked="Button_Clicked" Text="Pick"></Button>
        <Image x:Name="Img" Source="dotnet_bot.png" WidthRequest="300" HeightRequest="300" ></Image>
    </StackLayout>
</ContentPage>

MainPage.xaml.cs

namespace MauiApp1
{
    public partial class MainPage : ContentPage
    {
        int count = 0;

        public MainPage()
        {
            InitializeComponent();
        }

        private async void Button_Clicked(object sender, EventArgs e)
        {
            var photo = await MediaPicker.PickPhotoAsync();

            var newFile = Path.Combine(FileSystem.CacheDirectory, photo.FileName);
            using (var stream = await photo.OpenReadAsync())
            using (var newStream = File.OpenWrite(newFile))
                await stream.CopyToAsync(newStream);

            await DisplayAlert("newFile", newFile, "OK");
            Img.Source = newFile;
        }
    }
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="31" />
	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />


	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
	<uses-permission android:name="android.permission.CAMERA" />
	<queries>
		<intent>
			<action android:name="android.media.action.IMAGE_CAPTURE" />
		</intent>
	</queries>
</manifest>

BTW, is there any way to pick images from gallery?

Steps to Reproduce

1. Create a File > New .NET MAUI App
2. Replace MainPage ans AndroidManifest with the code
3. connect the local device
4. run

Version with bug

Release Candidate 1

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

API 30

Did you find any workaround?

Affected platforms: Only tried on Android

Relevant log output

I don't know how to get it, maybe the official can give a tutorial, thanks a lot.

[zxyao145]

@zxyao145 RC3 has been released just now which should make it all work again! Could you update and let us know? 😃

Perfect! In RC3, it works as expected. And I think this issue can be closed. Thank you!

[msftbot[bot]]

Hi @zxyao145. We have added the “s/needs-info” label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.