title: How to display 'Base64' encoded image in Adobe AIR application using Javascript/HTML
body: <p>I'm having some issues while displaying a 'Base64' encoded image in my AIR application.
  I'm fetching an image, which is 'Base64' encoded string, in a XML through a web service. At application side I'm able to decode it, but its not been able to display the image on the fly. A little search on Google gave me various result, but not pertaining to my problem, because most of them are related to Flex.
     My queries are:
  1) After decoding the 'Base64' string, do I need to convert this to a PNG image using some PNG encoder? if so, then how can I use a PNGEncoder in my Adobe AIR HTML/Javascript application. is there any API or so?
  2) Since the image I'm fetching from the web server is an icon, I'm setting it as a 'src' value for the element which I'm creating dynamically as follows:</p>
  
  <pre><code>            var category_header_img = new Element('img', 
          {
              'id': 'category_header_img' + this.SelectedCategoryID,
              'class': 'category_header_img',
              'src': 'data:image/png;base64,'+categoryIconBytes,
              'cat_id': this.SelectedCategoryID
  
          });
  </code></pre>
  
  <p>I'd found this solution, 
  <code>'src': 'data:image/png;base64,'+categoryIconBytes</code> 
  somewhere which tried to use but it didn't work.(where, categoryIconBytes is the 'Base64' encoded string)</p>
  
  <p>Please, help to solve this issue. I'll be really grateful for any of your suggestions.
  Thanks.</p>