Image does not load images with filenames that contain # or %

Steps to reproduce:
1. Compile and run this application:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">

<s:layout>
<s:HorizontalLayout />
</s:layout>

<s:VGroup>
<s:Image source="bg_grid.gif" />
<s:Image source="bg_grid#1.gif" />
</s:VGroup>

<s:VGroup>
<s:BitmapImage source="bg_grid.gif" />
<s:BitmapImage source="bg_grid#1.gif" />
</s:VGroup>

<s:VGroup>
<mx:Image source="bg_grid.gif" />
<mx:Image source="bg_grid#1.gif" />
</s:VGroup>

<s:VGroup>
<mx:SWFLoader source="bg_grid.gif" />
<mx:SWFLoader source="bg_grid#1.gif" />
</s:VGroup>

<s:VGroup>
<s:Image source="@Embed('bg_grid.gif')" />
<s:Image source="@Embed('bg_grid#1.gif')" />
</s:VGroup>

</s:Application>

Actual Results:

Most of the second row of images aren't displayed except the embedded one.

Expected Results:

All images should be displayed.

Workaround (if any):