Question

I have a HTML control in Flex that succefully loads a page.
Is there someway that i can extract or get all the images from that HTML control and show them?

Answer 1

You can actually use the HTML document DOM and ask about all img tags. It’s a lot cleaner this way.

Once you get the DOM it’s all standard so you can check HTML DOM documentation if you’re unsure about something.

Here’s quick example. I’ll just write the onComplete function, as it would be called in Taurayi’s example

var _imagesSrc:Array= [];
private function onComplete(e:Event):void
{
    var htmlLoader:HTMLLoader = e.target as HTMLLoader;
    var doc:* = htmlLoader.window.document; //use void (*) type for DOM objects
    var imgTags:* = doc.getElementsByTagName("img");
    if(imgTags)
    {
        for(var i:int=0;i<imgTags.length;i++)
        {
            var src:* = imgTags[i].getAttribute("src"); //not sure about return type here, could also be a String
            if(src)
                _imagesSrc.push(src.toString());
        }
     }
}