ImageLoader in AS3.0 to load any image (jpeg, png, gif) and swf file.

1. Create a box MovieClip on stage and name it as ImageLoader.

2. Inside ImageLoader MovieClip (MC) create another box MovieClip and name it as "_imgMask" and give the same instance name. This MC will be used for masking.

3. Now copy this code below and save it as ImageLoader.as

[as3]

package
{
/**
* ...
* @author                         : Andy Dohare
* @email                        : andy@creativebrain.ca
* @developer                    : CreativeBrain.ca
* ...
*/

import flash.display.BlendMode;
import flash.display.Loader;
import flash.display.LoaderInfo;
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
import flash.events.ProgressEvent;
import flash.net.URLRequest;
import flash.net.navigateToURL;

public class ImageLoader extends MovieClip
{
//----------- Declaring Variables -----------\\
private var _imgSource    :    String;
private var _imgXpos    :    Number;
private var _imgYpos    :    Number;
private var _imgWidth    :    Number;
private var _imgHeight    :    Number;
private var _imgAlpha    :    Number;
private var _imgBlendmode    :    String;

private var _imgSrcLoader :    Loader;

//        private var _imgMask    :    MovieClip;
private var _loadingTXT    :    TextField;

//----------- Declaring Constructor Function -----------\\
public function ImageLoader(_src:String, _x:Number, _y:Number, _width:Number, _height:Number, _alpha:Number, _blendMode:String = BlendMode.NORMAL)
{
_imgSource        = _src;
_imgXpos        = _x;
_imgYpos        = _y;
_imgWidth        = _width;
_imgHeight        = _height;
_imgAlpha        = _alpha;
_imgBlendmode    = _blendMode;

//            trace("A.D. ImageLoader ||  SRC : " + _imgSource);

generateImageLoader();
}

//----------- Declaring Methods -----------\\
private function generateImageLoader():void
{
_imgSrcLoader = new Loader();

this.x = _imgXpos;
this.y = _imgYpos;
_imgMask.width = _imgWidth;
_imgMask.height = _imgHeight;
this.alpha = _imgAlpha;
this.blendMode = _imgBlendmode;

_imgSrcLoader.contentLoaderInfo.addEventListener(Event.INIT, onInit);
_imgSrcLoader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onIOError);

_imgSrcLoader.load(new URLRequest(_imgSource));
addChild(_imgSrcLoader);

// Create a mask on _imgSrcLoader.
_imgSrcLoader.mask = _imgMask;

}

private function onInit(evt:Event):void
{
var _loaderInfo:LoaderInfo = LoaderInfo(_imgSrcLoader.contentLoaderInfo);
_loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);

trace("A.D. ImageLoader || onInit() : LoaderInfo URL ------> " + _loaderInfo.url);
trace("A.D. ImageLoader || onInit() : LoaderInfo Width : " + _loaderInfo.width);
trace("A.D. ImageLoader || onInit() : LoaderInfo Height : " + _loaderInfo.height);
}

private function onProgress(evt:ProgressEvent):void
{
_loadingTXT.text = "Loading.. (" + evt.bytesLoaded + " of " + evt.bytesTotal + ")";

trace("A.D. ImageLoader || onProgress() :: bytesLoaded :: " + evt.bytesLoaded);
trace("A.D. ImageLoader || onProgress() :: bytesTotal :: " + evt.bytesTotal);
}

private function onIOError(evt:IOErrorEvent):void
{
_loadingTXT.text = "IO Error : " + evt;

trace("A.D. ImageLoader || ioError() : IOError :: " + evt);
}

}
}

[/as3]

4. Now right click the ImageLoader MovieClip in library and select properties. Select Export to ActionScript under Linkage and type "ImageLoader" in Class field.

5. Remove everything from Base class field.

6. Now open the document class file and call ImageLoader by using the following code.

[as3]

private var _myImageLoader : ImageLoader

// ImageLoader params are as follows:
// ImageLoader(_src:String, _x:Number, _y:Number, _width:Number, _height:Number, _alpha:Number, _blendMode:String = BlendMode.NORMAL)
// _src = Image file location
// _x = X value
// _y = Y value
// _width = Mask width
// _height = Mask height
// _alpha = Alpha value of image
// _blendMode = Image blend value. Check this link for various blending options "http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/flash/display/DisplayObject.html#blendMode"

_myImageLoader= new ImageLoader("ImageFileName.png", 0, 0, 763, 549, 1);
addChild(_myImageLoader);

[/as3]