2011-06-12 60 views
0

我有许多缩略图图像(长度为8K),存储在sqlite数据库中,编码为base64字符串。如何将图像从sqlite显示到flex数据网格中

我想找回这些图像,并提交到一个DataGrid

从数据库工程信息检索(从DB一些其他信息),但我不能完全“看”如何连接从数据库解码结果到数据网格,显示图像。

下面是一些代码,我在那里展示(把事情简单化)一个简单的DGrid并希望使用数据提供程序指向选择从DB

的任何细节,以显示我需要如何改变这种代码会不胜感激:-)

<mx:DataGrid id="dg2" dataProvider="{dp2}"> 
    <mx:columns> 
     <mx:DataGridColumn headerText="Image" dataField="image" width="150"/> 
    </mx:columns> 
    </mx:DataGrid> 

生成dp2信息的代码如下。 result2数组按预期填充,并且ldr似乎已填充,但imageBMap和(因此)dp2为空。

sql2.text = "SELECT image FROM bookMarks;"; 
    sql2.execute(); 

    var result2:SQLResult = sql2.getResult();   
    var data2:Array = result2.data; 

    var base64Dec:Base64Decoder; 
    var byteArr:ByteArray; 
    var bmap:Bitmap; 
    var ldr:Loader = new Loader(); 
    base64Dec = new Base64Decoder(); 


    if(result2.data != null) 
    { 
     var numRows:int = result2.data.length; 

     for(var i:int = 0; i < numRows; i++) 
     {  
     for(var columnName:String in result2.data[i]) 
     { 
      if(columnName == "image") // Normally there will be more than 1 column in the select, hence this check 
      { 
      base64Dec.decode(result2.data[i][columnName]); 
      byteArr = base64Dec.toByteArray();     
      ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderComplete);     
      ldr.loadBytes(byteArr); 
      } 
     } 
     } 
    } 
    var imageBMap:Bitmap = Bitmap(ldr.content); 
    dp2 = ArrayCollection(imageBMap); 
    } 

    private function loaderComplete(event:Event):void 
    { 
    var loaderInfo:LoaderInfo = LoaderInfo(event.target); 
    var bitmapData:BitmapData = new BitmapData(loaderInfo.width, loaderInfo.height, false, 0xFFFFFF); 
    bitmapData.draw(loaderInfo.loader);   
    } 

回答

0

您需要使用的itemRenderer显示图像:

<mx:DataGridColumn headerText="Image" width="150"> 
    <mx:itemRenderer> 
     <fx:Component> 
      <s:Image source="{here you put the dataProvider}"> 
     </fx:Component> 
    </mx:itemRenderer> 
</mx:DataGridColumn> 
+0

感谢和理解。 但是,imageBMap(因此dp2)为空,我不知道如何更正代码。 byteArr似乎很好,我相信ldr也是如此。 – user427196 2011-06-12 12:21:31

相关问题