1 Correct answer
Here's one way to do that.
I've broken it up into 2 parts. One part is loading the original image (to create ByteArray from).
Second part (loadImageData()) is using the Base64 encoded ByteArray and convert it back to an image and display it.
...import flash.display.Loader;
import flash.net.URLRequest;
import flash.display.Bitmap;
import com.dynamicflash.util.Base64;
import flash.display.BitmapData
import flash.geom.Rectangle;var loader:Loader;
var req:URLRequest;
var orig_mc:MovieClip;
var copy_mc:MovieClip;v
5
Replies
Here's one way to do that.
I've broken it up into 2 parts. One part is loading the original image (to create ByteArray from).
Second part (loadImageData()) is using the Base64 encoded ByteArray and convert it back to an image and display it.
import flash.display.Loader;
import flash.net.URLRequest;
import flash.display.Bitmap;
import com.dynamicflash.util.Base64;
import flash.display.BitmapData
import flash.geom.Rectangle;var loader:Loader;
var req:URLRequest;
var orig_mc:MovieClip;
var copy_mc:MovieClip;var imgWidth:int;
var imgHeight:int;
var b64Img:String;function loaderCompleteHandler(evt:Event):void {
trace("Application ::: loaderCompleteHandler");
var ldr:Loader = evt.currentTarget.loader as Loader;
var origImg:Bitmap = (ldr.content as Bitmap);
imgWidth = origImg.width;
imgHeight = origImg.height;
var origBmd:BitmapData = origImg.bitmapData;
var rect:Rectangle = new Rectangle(0,0,origImg.width, origImg.height);
var ba:ByteArray = origBmd.getPixels(rect);
trace(" - bytearray length: ", ba.length);
// Base64 encode - this is what gets stored (in xml or whatever)
b64Img = Base64.encodeByteArray(ba);
//trace("b64Img: ", b64Img);
// now (pretend) to load the data
loadImageData();
}function loadImageData():void {
trace("Application: loadImageData");
// use b64Img as if it was loaded from xml
// decode Base64 string to ByteArray
var ba:ByteArray = Base64.decodeToByteArray(b64Img);
trace(" - bytearray length: ", ba.length);
// create Rectangle, same size as original
var rect:Rectangle = new Rectangle(0, 0, imgWidth, imgHeight);
// crate BitmapData and throw bytearry at it
var bmd:BitmapData = new BitmapData(imgWidth,imgHeight, false, 0x00000000);
bmd.setPixels(rect, ba);
// create (smooth) bitmap from data
var bm:Bitmap = new Bitmap(bmd, "auto", true);
// display bitmap in movieclip
copy_mc.addChild(bm);
copy_mc.x = imgWidth + 10;
}loader = new Loader();
req = new URLRequest("2.jpg");
loader.load(req);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler);orig_mc = new MovieClip();
orig_mc.addChild(loader);
addChild(orig_mc);copy_mc = new MovieClip();
addChild(copy_mc);
Note that for this to work you'll have to save the original image width and height (in your xml) along with the Base64 encoded data.
Another way to do the same would be to use PNGEncoder or JPGEncoder to encode the original bitmapdata.
They're both part of the Flex SDK: http://livedocs.adobe.com/flex/3/langref/mx/graphics/codec/package-detail.html
But also available in the AS3CoreLib: http://code.google.com/p/as3corelib/
http://code.google.com/p/as3corelib/downloads/list
With JPGEncoder/PNGEncoder you'd grab the bitmapdata and convert it to a png or jpg (as ByteArray) and encode that to Base64.
The difference here would be that you'd get *real* image data that other languages can understand as well. So you could display the image using PHP or whatever. The following will encode the original image BitmapData to (jpg) ByteArray.
var jpg:JPGEncoder = new JPGEncoder(80);
var ba:ByteArray = jpg.encode(origBmd);
To display the image you could then use a Loader instance, and call loadBytes()
var loader:Loader = new Loader();
loader.loadBytes(ba);
addChild(loader);
So reconstructing the image is alot easier as well (no need for the original image width or height).
Hope this helps 
AdChoices