Loading local images into HTML component

Question

I need to intermix text and images for a project I'm working
on, and using htmlText seems the best way to do it. However, I
can't get it to work when the images are loaded from the local file
system.
It seems to work fine with remote images:
<mx:HTML x="480" y="191" width="256" height="315">
<mx:htmlText>
<![CDATA[
<p>Image: <img src='
http://knight.fb.hive7.com/res/img/ico/x32/coin.gif'
></p>
]]>
</mx:htmlText>
</mx:HTML>
But not with local images:
<mx:HTML x="480" y="191" width="256" height="315">
<mx:htmlText>
<![CDATA[
<p>Image: <img src='../assets/coin.gif'
></p>
]]>
</mx:htmlText>
</mx:HTML>
Anybody have any ideas or workarounds?

Answer 1

Hi,
I tried your solution, it did not worked, it gave me following error -
==========
ReferenceError: Error #1056: Cannot create property placeLoadStringContentInApplicationSandbox on mx.core.FlexHTMLLoader.
    at com.exa.view::TestView/changeEvt()[/home/sachin/workspace/newed/src/com/exa/view/TestView .mxml:70]
    at com.exa.view::TestView/__toctree_change()[/home/sachin/workspace/newed/src/com/exa/view/T estView.mxml:89]
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at mx.core::UIComponent/dispatchEvent()[C:\autobuild\3.3.0\frameworks\projects\framework\src \mx\core\UIComponent.as:9308]
    at mx.controls.listClasses::ListBase/mouseUpHandler()[C:\autobuild\3.3.0\frameworks\projects \framework\src\mx\controls\listClasses\ListBase.as:8989]
    at mx.controls::List/mouseUpHandler()[C:\autobuild\3.3.0\frameworks\projects\framework\src\m x\controls\List.as:2279]
    at mx.controls::Tree/mouseUpHandler()[C:\autobuild\3.3.0\frameworks\projects\framework\src\m x\controls\Tree.as:2952]
===========
Here is the code, the function gets called on change event of a tree component(not shown in code here)
===============
<mx:Panel width= "70%" height="100%" id="cpanel" paddingBottom="10" paddingLeft="20" paddingTop ="20">
        <mx:HTML id="htmlc" width="100%" height = "100%">
        </mx:HTML>
    </mx:Panel>
<mx:Script>
    <![CDATA[
          public function changeEvt(event:Event):void{
               htmlc.htmlLoader.placeLoadStringContentInApplicationSandbox = true;
               htmlc.htmlLoader.loadString(rh.content.replace(/src="\/images/mg,'src="assets'));
    ]]>
</mx:Script>
================
It would be helpful if you give more insight on your html component.
Adobe air -version - 1.5
Thanks