[$20.00 bounty] In a filepath a hashtag broke the preview

[Bouh]

Describe the bug

In a filepath a hashtag broke the preview of the file in the scene editor, and in the resource tab, but the file is loaded in the preview.

To Reproduce

Correct: E:\Réalisations\GDevelop_branding\Press\itch.io\Game Jam\Weekend Jam - 1\Parts\hero.png
Bugged: E:\Réalisations\GDevelop_branding\Press\itch.io\Game Jam\Weekend Jam #1\Parts\hero.png

Other details

GD 5.0.136
Windows 10

[rysolv-bot]

Bouh has contributed $5.00 to this issue on Rysolv.

The total bounty is now $5.00. Solve this issue on Rysolv to earn this bounty.

[jposeyjr]

This is due to how < img > tag treats # and in general, they shouldn't be used in file names. The best solution is likely to add https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent to all file paths to ensure all issues are caught. I don't have time currently to read how to contribute to this and do the changes but this should help anyone looking very quickly.

[rysolv-bot]

Silver-Streak has contributed $15.00 to this issue on Rysolv.

The total bounty is now $20.00. Solve this issue on Rysolv to earn this bounty.

[rishabhguptareal]

I can resolve this can you assign this to me

[nifanpinc]

I've submitted a fix for this issue in #8393.

The root cause is that # in file paths gets interpreted as a URL fragment identifier by the browser. The fix encodes # as %23 in the resolved local file path within ResourcesLoader/index.js, ensuring the full path is correctly loaded.