Flex Examples

11 Responses to “Displaying an image saved as a Base64 encoded string in Flex 3”

1. 1 Tony Mar 18th, 2008 at 4:57 am

   You are Simply great!!!!

2. 2 Tony Mar 18th, 2008 at 5:33 am

   This code is not working, there is no class “Base64Decoder” in mx.utils package :(

3. 3 peterd Mar 18th, 2008 at 7:49 am

   Tony,

   Are you using Flex 3? I believe I compiled this using Flex 3.0.0.477 (the retail Flex 3 SDK)

   It is in Flex 3: http://livedocs.adobe.com/flex/3/langref/mx/utils/Base64Decoder.html
   But not Flex 2: http://livedocs.adobe.com/flex/201/langref/mx/utils/package-detail.html

   Peter

4. 4 David H Apr 25th, 2008 at 12:09 am

   thanks! it works with flex 3!! it took me hours to find out this solution
   this post should put into the flex api document

5. 5 anoop May 12th, 2008 at 6:42 am

   base64Eec = new Base64Eecoder();

   There shows one more error 4 me like thaat:call to a possibly undefined method Base64Eecoder

   my code is…..

   public function postData():void {
   var request:HTTPService = new HTTPService();
   var base64Eec:Base64Encoder;
   request.url = "http://twitter.com/statuses/update.xml";
   request.method = "POST";
   request.addEventListener(ResultEvent.RESULT,
   handleComplete);
   var username:String = "username";
   var password:String = "password";
    base64Eec = new Base64Eecoder();
    base64Eec.encode(username + ":" + password);
   var encodedCredentials:String = base64Eec.toString();
   var headerArray = new Array(
   new URLRequestHeader("Authentication",
   "Basic " + encodedCredentials));
   

   can u help me please…….

6. 6 peterd May 12th, 2008 at 7:28 am

   anoop,

   Are you using Flex 3? This class was added in Flex 3, and isn’t available in Flex 2 projects.
   Also, make sure you’ve imported the Base64Encoder/Base64Decoder class as well:

   import mx.utils.Base64Decoder;
   import mx.utils.Base64Encoder;
   

   Peter

7. 7 Magnus May 24th, 2008 at 11:39 am

   Thank you, this is indeed helpful.

8. 8 Richard Tolley Jul 18th, 2008 at 5:05 am

   First things first - superb blog - would be lost without it. Thank you.

   I’m working on some code at the moment and need to display a Base64 String as an image. Used the example above and it worked first time. Thank you.

   *BUT* (isn’t there always a but…)

   What to do when the String is coming from a database and sometimes contains invalid data.

   I thought it would be a simple matter to trap the error and display an alternative image.

   Nothing seems to work.

   I’ve tried try/catch blocks. I’ve tried using ioError event on the image component.

   I’m going out of my mind - Could you suggest a way to trap invalid data. If I can trap the error I can deal with it. Nothing seems to work.

   Kind Regards

   Once again - the blog is superb :)

   Rich

9. 9 Dustin Jul 24th, 2008 at 1:48 pm

   Thanks for the info on this! It saved my butt.

   I had been trying to figure out how to create Power Point presentations from Flex and ColdFusion, and this was the trick.

   By encoding the images, I am able to embed the images into a .MHT file (which is basically xml), and Power Point can read this file and display the images, just like a ppt file. I even named the file with a .ppt extension so Power Point is the default app to open it, and its all working great.

   cheers!
   Dustin

10. 10 ken larkin Aug 15th, 2008 at 6:27 am

    thanks this worked. However I am receiving an image as a byte array in a string not base64hex in a string. Data in string looks like this…34,645,234,653,122,12,32,43,543,…

    Ho do i convert this string of numbers to a bytearray and in turn into an image

    By the way this is a magnificent site, well done.

    thanks,
    Ken

11. 11 peterd Aug 15th, 2008 at 7:20 am

    ken larkin,

    I don’t know if this would work, but you could try converting the list of numbers into an array using the split() method, then loop over the array of numbers and add them to a ByteArray using the writeInt() method. Something like this:

    private function stringToByteArray(value:String):ByteArray {
    	var arr:Array = value.split(",");
    	var idx:uint;
    	var len:uint = arr.length;
    	var byteArr:ByteArray = new ByteArray();
    	for (idx=0; idx<len; idx++) {
    		byteArr.writeInt(arr[idx]);
    	}
    	return byteArr;
    }
    

    But I’m sure there may be a few missing pieces. You could try asking on the FlexCoders mailing list, I’m sure somebody there has attemped what you’re trying to do.

    Peter

Leave a Reply