將數據庫存儲的圖像包裝在Ext.Img組件中

Question

所以我有一些圖像存儲在我的數據庫中。它們保留爲BLOB，而不是通往物理位置的路徑。我可以通過以下方式訪問它們：http://example.com/data/pageMedia?id=%someId%。

但是，當我想換形象Ext.Img：

Ext.create('Ext.Img', { 
    src: 'http://example.com/data/pageMedia?id=' + someId, 
    renderTo: Ext.getBody() 
}); 

它不會呈現圖像。

它正常工作與純HTML，但：

<img src="http://example.com/data/pageMedia?id=%someId%"/> 

我應該使用Ajax請求或其他東西，並設置src動態？

Answer 1

這裏是一個工作示例：

Ext.create('Ext.Img',{ 
     src : 'Gallery/GetImage/' + imageId, 
     renderTo: 'cat-img' // in your case Ext.getBody() 
}); 

注意我是如何創造我的圖片URL。如果你someId是一個js變量，而不是硬編碼，你將不得不寫：

Ext.create('Ext.Img',{ 
    src : 'http://mysite.com/data/pageMedia?id='+someId, 
    renderTo: Ext.getBody() 
});