[WASM] Image from url is not shown

[FrozDark]

Current behavior

Images from url is not shown. Using latest dev builds 4.5.0-dev.523. But it works on playground https://playground.platform.uno/#6b758242

Expected behavior

Images should be shown as in the playground https://playground.platform.uno/#6b758242

How to reproduce it (as minimally and precisely as possible)

The repro

WasmUrlImageIssue.zip

Workaround

No response

Works on UWP/WinUI

Yes

Environment

Uno.WinUI / Uno.WinUI.WebAssembly / Uno.WinUI.Skia

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

Visual Studio 2022

IDE version

17.3.1

Relevant plugins

No response

Anything else we need to know?

No response

[jeromelaban]

Thanks for the report. Can you take a look at the browser debugger (the network tab) and see if the request finished properly? Also, can you take a look at the img node in the DOM and see if the image is the right one?

[FrozDark]

Thanks for the report. Can you take a look at the browser debugger (the network tab) and see if the request finished properly? Also, can you take a look at the img node in the DOM and see if the image is the right one?

The image in the DOM is right
I looked at the request and it fails by the cors policy. But I wonder why it works in the playground? http://playground.platform.uno/#49ae000e

I've also seen an exception in the browser console from ImageBrush if you need

fail: Uno.UI.Dispatching.CoreDispatcher[0]
      Dispatcher unhandled exception
System.ApplicationException: [object Event]
   at Microsoft.UI.Xaml.Media.ImageBrush.<SetNaturalImageSize>d__46.MoveNext() in C:\a\1\s\src\Uno.UI\UI\Xaml\Media\ImageBrush.wasm.cs:line 223
   at System.Threading.Tasks.Task.<>c.<ThrowAsync>b__128_0(Object state) in D:\a\Uno.DotnetRuntime.WebAssembly\Uno.DotnetRuntime.WebAssembly\runtime\src\libraries\System.Private.CoreLib\src\System\Threading\Tasks\Task.cs:line 1914
   at Uno.UI.Dispatching.CoreDispatcherSynchronizationContext.<>c__DisplayClass3_0.<Post>b__0() in C:\a\1\s\src\Uno.UI.Dispatching\Core\CoreDispatcherSynchronizationContext.cs:line 25
   at Uno.UI.Dispatching.CoreDispatcher.InvokeOperationSafe(UIAsyncOperation operation) in C:\a\1\s\src\Uno.UI.Dispatching\Core\CoreDispatcher.cs:line 337

[jeromelaban]

It could be because your app is not running with HTTPS ?

[FrozDark]

It could be because your app is not running with HTTPS ?

Maybe. I don't have much knowledge in WebAssembly. That made me forget about Developer Tools in browsers. What I'm doing now is just testing how it would work in wasm and debugging just in VS.
To run app with HTTPS will take me more time into this. Right now wasm is not in priority.

Btw I forced cors headers to images and they are loaded and shown now. Thanks for you time and remembering me about browser's DevTools =)