How to use image load gif of 「GIF87a」 by ByteArray ?

Question

Hi all:
I want use image load gif file of 「GIF87a」 by ByteArray, but it not be displayed correctly on the screen, How can I do it , or How to conver 「GIF87a」 to 「GIF89a」 ?
private function onButtonClick():void {
    fileRef.browse([new FileFilter("Images", "*.jpg;*.gif;*.png;*.swf")]);
    fileRef.addEventListener(Event.SELECT, onFileSelected);
private function onFileSelected(e:Event):void {
    fileRef.addEventListener(Event.COMPLETE, onFileLoaded);
    fileRef.load();
private function onFileLoaded(e:Event):void {
    var bytes:ByteArray = e.target.data;
    imageLoader.source = bytes;
<mx:Image  id="imageLoader" onclick="onButtonClick()">

Answer 1

Hi zhaojie198281,
I've made a small modification on your code and it works fine. Try the following code,
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        width="900" height="400">
<fx:Script>
  <![CDATA[
   private var fileRef:FileReference = new FileReference();
   private function onButtonClick():void {
    fileRef.browse([new FileFilter("Images", "*.jpg;*.gif;*.png;*.swf")]);
    fileRef.addEventListener(Event.SELECT, onFileSelected);
   private function onFileSelected(e:Event):void {
    fileRef.addEventListener(Event.COMPLETE, onFileLoaded);
    fileRef.load();
   private function onFileLoaded(e:Event):void {
    var bytes:ByteArray = e.target.data;
    imageLoader.source = bytes;
  ]]>
</fx:Script>
<fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:layout>
  <s:VerticalLayout paddingTop="10" paddingLeft="10"/>
</s:layout>
<s:Button label="Load!" click="onButtonClick()"/>
<mx:Image id="imageLoader"/>
</s:WindowedApplication>